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