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

Форум по Javascript
Ответить
Anonymous
 Анимация мышца не показывает

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»