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