animation-play-state
Оновлено: 05.12.2022
animation-play-state
Властивість визначає, програвати анімацію або поставити її на паузу. У разі продовження встановленої на паузі анімації вона починається з того моменту, де була зупинена.
Коротка інформація
| Значення за замовчуванням | running |
| Успадковується | Ні |
| Застосовується | До всіх елементів, до псевдоелементів ::before і ::after |
| Анімується | Ні |
Синтаксис
animation-play-state: running | paused
Значення
| running | Програвати анімацію. |
| paused | Поставити анімацію на паузу. |
Приклад
У цьому прикладі під час наведення на текст курсору миші рух рухомого рядка зупиняється. Варто тільки прибрати курсор і анімація продовжиться з того ж самого місця.
Об'єктна модель
Об'єкт.style.animationPlayState
Примітка
Chrome, Safari, Android підтримують властивість -webkit-animation-play-state.
Opera до версії 12.10 підтримують властивість -o-animation-play-state.
Firefox до версії 16 підтримують властивість -moz-animation-play-state.