animation-play-state

Описание

Свойство animation-play-state определяет состояние анимации, паузы или проигрыша. Это можно использовать, чтобы определить текущее состояние анимации, например, в скриптах.

Если возобновить приостановленную анимацию, то она запустит её с того места, где она была поставлена на паузу, а не начнется с начала.

Синтаксис

/* Одна анимация */
animation-play-state: running;
animation-play-state: paused;

/* Несколько анимаций */
animation-play-state: paused, running, running;

/* Глобальный значения */
animation-play-state: inherited;
animation-play-state: initial;
animation-play-state: unset;

Значения

running

Анимация проигрывается.

paused

Анимация поставлена на паузу.

Формальный синтаксис

<single-animation-play-state>#
где 
<single-animation-play-state> = running | paused

Примеры

См. CSS animations.

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

Совместимость с браузерами

Смотрите также

• Использование CSS анимаций
• AnimationEvent