Как при отсутствии наведения обратить анимацию?

Question

[zhrjnnrdzjj]

Есть блок,у него есть анимация,которая работает при наведении.
Как сделать так,чтоб при убирании курсора с элемента анимация проигрывалась в обратном направлении(от текущего состояния к началу).
То есть,чтоб при наведении анимация проигрывалась по направлению к ее концу,а когда курсор убирается с элемента,она проигрывалась к началу.

Answer 1

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

Как вариант через @keyframes

@keyframes identifier {
  0% { top: 0; left: 0; }
  30% { top: 50px; }
  68%, 72% { left: 50px; }
  100% { top: 100px; left: 100%; }
}

Comments

[zhrjnnrdzjj]

Так ведь,когда курсор с анимации убираешь она мгновенно возвращается к ее начальному состоянию.
А нужно,чтоб она плавно это делала.

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

zhrjnnrdzjj, Вот Вам в помощь: https://developer.mozilla.org/en-US/docs/Web/CSS/t... или читайте про animation-delay.