Определение animation-play-state
CSS свойство animation-play-state определяет, запущена ли анимация или приостановлена.
Примечание: Используйте это свойство в JavaScript, чтобы приостановить анимацию в середине цикла.
| Значение по умолчанию: | running |
|---|---|
| Унаследовано: | no |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.animationPlayState="paused" Попробуй |
Поддержка animation-play-state
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следуют -webkit-, -moz- или -o-, указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| animation-play-state | 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
Синтаксис
animation-play-state: paused|running|initial|inherit;
Значения animation-play-state
| Значение | Описание | Воспроиведение |
|---|---|---|
| paused | Указывает, что анимация приостановлена | Воспр. » |
| running | Значение по умолчанию. Указывает, что анимация запущена | Воспр. » |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Примеры animation-play-state
Страницы по теме animation-play-state
CSS Учебник: CSS Анимация
HTML DOM справочник: animationPlayState свойство