Свойство transition-delay в CSS

Определение и использование

transition-delay атрибут определяет, когда начнется эффект перехода.

Значение transition-delay измеряется в секундах или миллисекундах.

См. также:

CSS учебник:Транзитивность CSS

HTML DOM справочник:transitionDelay атрибут

Пример

Ожидание 2 секунды до начала эффекта перехода:

div {
  transition-delay: 2s;
}

Попробуйте сами

CSS синтаксис

transition-delay: время;

Значение свойства

Значение Описание
время Определяет время ожидания перед началом эффекта перехода, измеряемое в секундах или миллисекундах.

Технические детали

Значение по умолчанию: 0
Ингеритабельность: нет
Версия: CSS3
JavaScript синтаксис: объект.style.transitionDelay="2s"

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Числа с префиксами -webkit- или -moz- представляют собой первую версию, используемую с префиксом.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-