animation-delay
Оновлено: 05.12.2022
animation-delay
Властивість animation-delay встановлює час очікування перед запуском циклу анімації. Значення 0s або 0ms запускає анімацію відразу ж. Негативне значення також вмикає анімацію без затримок, але може призвести до зміни вигляду початку анімації.
Припустимо вказувати кілька значень, перераховуючи їх через кому.
Коротка інформація
| Значення за замовчуванням | 0s |
| Успадковується | Ні |
| Застосовується | До всіх елементів, до псевдоелементів ::before і ::after |
| Анімується | Ні |
Синтаксис
animation-delay: <time> [,<time>]*
Значення
Див. час.
Приклад
Об'єктна модель
Об'єкт.style.animationDelay
Примітка
Chrome, Safari и Android підтримують властивість -webkit-animation-delay.
Opera до версии 12.10 підтримують властивість -o-animation-delay.
Firefox до версии 16 підтримують властивість -moz-animation-delay.