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

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

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

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

CSS синтаксис

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

Пример использования

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

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