пример
Приостановка анимации:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; Попробуй сам " Определение и использование
Свойство animationPlayState определяет, будет ли анимация работает или приостановлена.
Note: Используйте это свойство , чтобы приостановить анимацию в середине цикла.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следует Webkit, Моз, или O указать первую версию, которая работала с префиксом.
| Имущество | |||||
|---|---|---|---|---|---|
| animationPlayState | 43,0 4,0 Webkit | 10,0 | 16,0 5,0 Мос | 4,0 Webkit | 30,0 15,0 Webkit 12,1 12,0 O |
Примечание: Chrome, Safari и Opera поддерживают альтернативу, свойство WebkitAnimation.
Синтаксис
Возвращает свойство animationPlayState:
object .style.animationPlayState Установите свойство animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| running | Значение по умолчанию. Указывает, что анимация работает |
| paused | Указывает, что анимация приостановлена |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | Бег |
|---|---|
| Возвращаемое значение: | Строка, представляющая анимация-игра-государственная собственность элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: animation-play-state property
<Style Object