-webkit-animation-play-state

Свойство -webkit-animation-play-state определяет, работает ли анимация или стоит на паузе (можно указать несколько значений через запятую).

Допустимые значения

  • running — анимация работает
  • paused — анимация стоит на паузе

При установке значения paused анимация останавливается, а при установке значения running продолжается с прерванного места.

Значение по умолчанию running
Применимо к блочным и строчным элементам
Наследование нет
Поддерживается браузерами
  • Safari 4.0 и выше
  • Chrome 3.0 и выше

Пример

CSS
div {
width:100px;
height:50px;
position:absolute;
top:5px;
-webkit-animation-name:'slide';
-webkit-animation-duration: 10s;
-webkit-animation-play-state:paused;
}

Заметки

Safari 4.0 и выше Chrome 3.0 и выше поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes.

В спецификации CSS3 есть аналогичное свойство animation-play-state.

По теме