Свойство animation-play-state
Свойство animation-play-state определяет, работает ли анимация или стоит на паузе (можно указать несколько значений через запятую).
Допустимые значения
- running — анимация работает
- paused — анимация стоит на паузе
При установке значения paused анимация останавливается, а при установке значения running продолжается с прерванного места.
| Значение по умолчанию | running |
|---|---|
| Применимо | к блочным и строчным элементам |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
div {
width:100px;
height:50px;
position:absolute;
top:5px;
animation-name:'slide';
animation-duration: 10s;
animation-play-state:paused;
} Заметки
Это свойство относится к модулю CSS Animations Module Level 3 находящемся в разработке W3C, поэтому в нем возможны дополнения.
Safari 4.0 и выше Chrome 3.0 и выше поддерживают аналогичное свойство -webkit-animation-play-state, а также поддерживают возможность определить список анимаций с помощью ключевого слова @-webkit-keyframes