СSS Свойство animation-play-state
Определение и использование
Свойство animation-play-state указывает, выполняется ли анимация или приостановлена.
Примечание: Используйте это свойство в JavaScript, чтобы приостановить анимацию в середине цикла.
| Значение по умолчанию: | running |
|---|---|
| Унаследованный: | no |
| Анимируемый: | no. Прочитать о Анимируемый |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.animationPlayState="paused" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следуют -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- |
CSS Синтаксис
animation-play-state: paused|running|initial|inherit;
Значение свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| paused | Указывает, что анимация приостановлена | Воспроизвести » |
| running | Значение по умолчанию. Указывает, что анимация выполняется | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS учебник: CSS Анимации
HTML DOM Справочник: animationPlayState property
Примеры
Пример
Приостановка анимации при наведении курсора:
div:hover {
animation-play-state: paused;
}
Попробовать »
