Клавиша / esc

animation-play-state

Раз, два, три, CSS-анимация замри! Ставим на паузу и запускаем снова анимации.

Время чтения: меньше 5 мин

Кратко

Скопировано

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

Пример

Скопировано
        
          
          .element:hover {  animation-play-state: paused;}
          .element:hover {
  animation-play-state: paused;
}

        
        
          
        
      

Как пишется

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

Подсказки

Скопировано