CSS3 animation-play-state Свойство


Пример

Приостановить анимацию:

animation-play-state:paused;
-webkit-animation-play-state:paused; /* Safari и Chrome */

Попробуйте сами »

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

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

Число, непосредственно предшествующее -webkit-, -ms- или -moz-, — это первая версия браузера, которая поддерживает свойство с префиксом.

Свойство
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 указывает, выполняется анимация или приостановлена.

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

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

Синтаксис

animation-play-state: paused|running;

Значение Описание Тестирование
paused Задает приостановленную анимацию
running Задает выполняющуюся анимацию

Связанные статьи

Руководство по CSS3:CSS3-анимации

Другие расширения