animation-play-state CSS

Свойство animation-play-state определяет проигрывается анимация или стоит на паузе.

Значение по умолчанию:

running

Наследуется:
Нет
Применяется:

ко всем элементам, включая псевдо-элементы

Анимируется:
Нет
Спецификации:
Поддержка браузерами:

Can I Use css-animation? Data on support for the css-animation feature across the major browsers from caniuse.com.

Синтаксис

/* Single animation */
animation-play-state: running;
animation-play-state: paused;

/* Multiple animations */
animation-play-state: paused, running, running;

/* Global values */
animation-play-state: inherit;
animation-play-state: initial;
animation-play-state: unset;

Значения

  • running — анимация проигрывается.
  • paused — анимация на паузе.