При наведении мыши анимация мигает?

Question

[Cook1eMonsta]

https://codepen.io/bobur1225/pen/MWoPwbE

Comments

[Froggyweb]

0% {
transform: translateY(-500px);
}
hover теряется и после 38% возвращается

Answer 1

[Икотий Айтишевич]

Потому что для div не заданы размеры. И получается, что анимация только начинается запускаться, но пропадает слой и перестаёт работать событие "наведение". И это всё циклится и получается то, что Вы отправили выше. Если задать диву размеры, то всё будет ок.

Comments

[Cook1eMonsta]

А можно сделать так, если убрать мышку анимация продолжалась?

[Икотий Айтишевич]

Cook1eMonsta, Да, через событие в JS: https://learn.javascript.ru/mousemove-mouseover-mo...