CSS3 animation-play-state Property

Пауза анимации:

div {
-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
animation-play-state: paused;
}

Больше "Try it Yourself" примеры ниже.

Определение и использование

Анимация-игра-государственная собственность определяет, будет ли анимация работает или приостановлена.

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

Значение по умолчанию:	running
Наследование:	no
Animatable:	no. Read about animatable
Версия:	CSS3
Синтаксис JavaScript:	object .style.animationPlayState="paused" Try it

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Числа следуют -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 -о-

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

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

Пауза анимации на парении:

div:hover {
-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */
animation-play-state: paused;
}