animation-play-state

Пример

Pause an animation:

div {
animation-play-state: paused;
}

Определение animation-play-state

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

Примечание: Используйте это свойство в JavaScript, чтобы приостановить анимацию в середине цикла.

Значение по умолчанию:	running
Унаследовано:	no
Анимируемый:	no. Читайте о animatable
Версия:	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-

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

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