Приостановить анимацию после ее выполнения

Question

Можно ли приостановить анимацию с помощью CSS после ее выполнения при наведении и как?

В результате я хочу, чтобы анимация выполняла селекторы CSS (которые указаны в 100%) в блоке при наведении курсора, а когда курсор покидает область - анимация должна быть установлена ​​обратно на 0.

Answer 1

Вы ищете:

animation-fill-mode: forwards;

https://codepen.io/nigelheap/pen/gKmydV