animation-play-state
Обновлено: 05.12.2022
animation-play-state
Свойство определяет, проигрывать анимацию или поставить её на паузу. При продолжении установленной на паузе анимации она начинается с того момента где была остановлена.
Краткая информация
| Значение по умолчанию | running |
| Наследуется | Нет |
| Применяется | Ко всем элементам, к псевдоэлементам ::before и ::after |
| Анимируется | Нет |
Синтаксис
animation-play-state: running | paused
Значения
| running | Проигрывать анимацию. |
| paused | Поставить анимацию на паузу. |
Пример
В данном примере при наведении на текст курсора мыши движение бегущей строки останавливается. Стоит только убрать курсор и анимация продолжится с того же самого места.
Объектная модель
Объект.style.animationPlayState
Примечание
Chrome, Safari и Android поддерживают свойство -webkit-animation-play-state.
Opera до версии 12.10 поддерживает свойство -o-animation-play-state.
Firefox до версии 16 поддерживает свойство -moz-animation-play-state.