Анимация мышца не показывает ⇐ Javascript

[Anonymous]

Итак, я пробую анимацию, в которой глобус заполнен индонезийскими цветами флагов в анимации скольжения, когда я нажимаю над кнопкой. Анимация MouseEnter успешно обеспечивает анимацию скольжения. Тем не менее, Mouseleave не. Он сочетается, когда я наводняю на кнопку ввода, но он не соскользнул, когда я снимаю свою мышь. Цвета меняются мгновенно и не доставляют скользящую анимацию. Что мне делать?// On hover, change fill to Indonesian flag
button.addEventListener("mouseenter", () => {
globeCircle.style.fill = "url(#indo-flag)";
});

// Reset when hover ends
button.addEventListener("mouseleave", () => {
globeCircle.style.fill = 'lightBlue'
});
< /code>
const maskrect = document.getElementById ("Маска-восстановление"); < /p>
button.addEventListener("mouseenter", () => {maskRect.style.animation = "slide-down 1s forwards";})

button.addEventListener("mouseleave", () => {maskRect.style.animation = "slide-up 1s forwards"})


Подробнее здесь: https://stackoverflow.com/questions/797 ... ot-showing