animation-play-state

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

Демо

Переходы и Анимации

• @keyframes

• animation
• animation-delay
• animation-direction
• animation-duration
• animation-fill-mode
• animation-iteration-count
• animation-name
• animation-play-state
• animation-timing-function

• transition
• transition-delay
• transition-duration
• transition-property
• transition-timing-function

Синтаксис

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

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

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

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.

Комментарии