Свойство animationPlayState
Пример style.animationPlayState
Приостановка анимации:
document.getElementById("myDIV").style.animationPlayState = "paused";Попробуйте сами »
Описание animationPlayState
Свойство animationPlayState указывает, запущена ли анимация или приостановлена.
Примечание: используйте это свойство, чтобы приостановить анимацию в середине цикла.
Синтаксис animationPlayState
Вернуть свойство animationPlayState:
object.style.animationPlayState
Установите свойство animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Значение свойства animationPlayState
| Значение | Описание |
|---|---|
| running | Значение по умолчанию. Указывает, что анимация запущена |
| paused | Указывает, что анимация приостановлена. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали animationPlayState
| Значение по умолчанию: | running |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство animation-play-state элемента. |
| CSS Версия | CSS3 |
Поддержка animationPlayState
style.animationPlayState функция CSS3 (1999).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |
Связанные страницы animationPlayState
CSS Справочник: Свойство animation-play-state