animation-play-state¶

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

Демо¶

Синтаксис¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

/* 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

анимация на паузе.

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

1

animation-play-state: running;

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

Спецификации¶

• CSS Animations

Поддержка браузерами¶

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

Комментарии