Свойство animation-play-state CSS
- Предыдущая страница animation-name
- Следующая страница animation-timing-function
Определение и использование
animation-play-state Свойство определяет, играет ли анимация или приостановлена.
Комментарий:Вы можете использовать это свойство в JavaScript, чтобы приостановить анимацию в процессе воспроизведения.
См. также:
Учебник CSS3:Анимация CSS
Руководство по HTML DOM:Свойство animationPlayState
CSS синтаксис
animation-play-state: paused|running;
| Значение | Описание | Тестирование |
|---|---|---|
| paused | Определяет, что анимация приостановлена. | Тестирование |
| running | Определяет, что анимация играет. | Тестирование |
Технические детали
| Значение по умолчанию: | running |
|---|---|
| Инheritance: | нет |
| Версия: | CSS3 |
| JavaScript синтаксис: | объект.style.animationPlayState="paused" |
Поддержка браузеров
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
Числа с префиксами -webkit-, -moz- или -o- указывают на первую версию, использующую префикс.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 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-name
- Следующая страница animation-timing-function
