animation-play-state
Поддержка браузерами
| 12.0+ | 10.0+ | 16.0+ | 43.0+ | 30.0+ | 9.0+ |
Описание
CSS свойство animation-play-state указывает состояние анимации: running - запущена, paused - приостановлена. При остановке анимации отображается текущее значение анимации в статике. Когда выполнение остановленной анимации будет возобновлено, она запустится с текущего значения.
Значения свойства можно изменять с помощью JavaScript, чтобы останавливать и запускать анимацию в определённое время.
| Значение по умолчанию: | running |
|---|---|
| Применяется: | ко всем элементам и псевдо-элементам ::before и ::after |
| Анимируется: | нет |
| Наследуется: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object.style.animationPlayState="paused" |
Синтаксис
animation-play-state: paused|running;
Значения свойства
| Значение | Описание |
|---|---|
| paused | Указывает, что анимация приостановлена. |
| running | Указывает, что анимация проигрывается. |
Пример
CSS Свойство:
animation-play-state:
Результат:
CSS Код:
div#myDIV {
animation-play-state: running;
}
animation-play-state: running;
}