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.
Спецификации
Спецификация | Статус | Комментарий |
---|---|---|
CSS Animations Level 1 Определение 'animation-play-state' в этой спецификации. |
Рабочий черновик | Начальное определение |
Совместимость с браузерами
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help! (en-US)
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Базовая поддержка | (Да)-webkit (en-US) 43.0 |
5.0 (5.0)-moz (en-US) 16.0 (16.0) |
10 | 12 -o (en-US) 12.10 |
(Да)-webkit (en-US) |
Feature | Android | Chrome | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Базовая поддержка | ? | ? | ? | ? | ? | ? | ? |