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.