Вы здесь

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

Свойство transition-delay устанавливает продолжительность задержки перед началом анимации перехода в секундах (s) или миллисекундах (ms).

Если в качестве значения задержки указано 0s, 0ms или отрицательное значение, анимация перехода начнётся сразу как только значение определённого в transition-property свойства изменится.

Можно через запятую указать более одной задержки перед эффектом перехода. Каждое новое значение задержки применяется к соответствующему свойству в том порядке, который определён в свойстве transition-property. Если список задержек меньше, чем количество свойств в transition-property, то задержка эффекта перехода для оставшихся свойств пойдёт по второму кругу. Если определено больше задержек, чем указано свойств, то список задержек просто усекается до нужного количества.

CSS синтаксис

transition-delay: время | initial | inherit;

Возможные значения

Значение Описание
время Устанавливает продолжительность задержки перед началом анимации перехода в секундах (s) или миллисекундах (ms).
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Перед началом анимации перехода подождать 2 секунды


div {
    -webkit-transition-delay: 2s; /* Safari */
    transition-delay: 2s;
}