Как сделать чтобы при отведении мышки, анимация не сбрасывалась?

Question

[Даниил]

Как сделать чтобы при отведении мышки, анимация не сбрасывалась, а воспроизводилась в обратном порядке от последнего кадра в первому?

Я так понимаю это лучше делать через JS, подскажите пожалуйста бест практик данной задачи?

Нашел это, но автор решения пишет, что это костыль и поэтому сомневаюсь стоит ли использовать

Comments

[Сергей Горячев]

А может стоит показать пример, что нужно анимировать?

Answer 1

[iKest]

Я бы через канвас сделал с помощью pixi или phaser micro, так баннеры интерактивные делают.

Answer 2

[Анатолий]

Нужно задавать transition не для события hover, а для блока.
Пример, 1 блок - ваш случай, 2 - решение.

Answer 3

[ttm]

https://jsfiddle.net/fmruky4h/1/