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

Question

[Cook1eMonsta]

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

Comments

[Steppp]

Пробуй, читай документацию! Тебе надо при ховере сбрасывать анимацию! и запускать по новой

.anima {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 10%;
  animation: move 2s;
    animation-play-state: paused;
}
  .anima:hover  {
    animation-play-state: initial;
 
}

[Cook1eMonsta]

Steppp, Не работает

[Владислав Черненко]

Без JS никак

[Cook1eMonsta]

Владислав Черненко, ну можно и с js как это реализовать ?

Answer 1

[Alex588]

}
.anima:focus img {
animation: move 2s;
animation-iteration-count:infinite;
}

Один раз кликать приходится

Answer 2

[Владислав Черненко]

Comments

[Cook1eMonsta]

Можно как то сделать что бы при другом наведении анимация повторялась ?