animation-play-state

Свойство, позволяющее ставить CSS-анимацию на паузу и запускать снова.

        
          
          .element:hover {  animation-play-state: paused;}
          .element:hover {
  animation-play-state: paused;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

• running — значение по умолчанию, анимация проигрывается.
• paused — анимация ставится на паузу. При повторном запуске анимации она продолжается с того места, где была остановлена.