Стиль анимацииPlayState Свойство
Пример
Приостановка анимации:
document.getElementById("myDIV").style.animationPlayState = "paused";
Определение и использование
Свойство animationPlayState указывает, запущена анимация или приостановлена.
Примечание. Используйте это свойство, чтобы приостановить анимацию в середине цикла.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следует Webkit, Moz или O, указывают на первую версию, которая работала с префиксом.
Property | |||||
---|---|---|---|---|---|
animationPlayState | 43.0 4.0 Webkit |
10.0 | 16.0 5.0 Moz |
9.0 4.0 Webkit |
30.0 15.0 Webkit 12.1 12.0 O |
Синтаксис
Верните свойство animationPlayState:
object.style.animationPlayState
Установите свойство animationPlayState:
object.style.animationPlayState = "running|paused|initial|inherit"
Значения свойств
Value | Description |
---|---|
running | Default value. Specifies that the animation is running |
paused | Specifies that the animation is paused |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | Бег |
---|---|
Возвращаемое значение: | Строка, представляющая свойство animation-play-state элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство animation-play-state