Свойство animation-play-state определяет текущее состояние анимации: активно ли она запущена или приостановлена.

Примечание: В JavaScript это свойство позволяет остановить анимацию в любой момент цикла.

Значение по умолчанию:	running
Inherited:	no
Animatable:	no.
Version:	CSS3
Синтаксис JavaScript:	object.style.animationPlayState="paused"

Поддержка браузера

Свойство:	animation-play-state
Chrome	43.0/4.0 -webkit-
Explorer/Edge	10.0
Firefox	16.0/5.0 -moz-
Safari	9.0 / 4.0 -webkit-
Opera	30.0/15.0 -webkit-/ 12.0 -o-

Синтаксис CSS

animation-play-state: paused|running|initial|inherit;

Значения свойств

Значение	Описание
paused	Указывает, что анимация приостановлена
running	Значение по умолчанию. Указывает, что анимация запущена
initial	Присваивает этому свойству значение по умолчанию.
inherit	Наследует это свойство из родительского элемента.