animation-play-state
Experimental: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.
Описание
Свойство animation-play-state определяет состояние анимации, паузы или проигрыша. Это можно использовать, чтобы определить текущее состояние анимации, например, в скриптах.
Если возобновить приостановленную анимацию, то она запустит её с того места, где она была поставлена на паузу, а не начнётся с начала.
| Начальное значение | running |
|---|---|
| Применяется к | все элементы, ::before и ::after псевдоэлементы |
| Наследуется | нет |
| Обработка значения | как указано |
| Animation type | discrete |
Синтаксис
/* Одна анимация */
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># (en-US)где
<single-animation-play-state> = running | (en-US) paused
Примеры
См. CSS animations.
Спецификации
| Specification |
|---|
| CSS Animations Level 2 (CSS Animations 2) # animation-play-state |
Совместимость с браузерами
BCD tables only load in the browser