1. Главная
2. CSS
3. Свойство transition-delay

СВОЙСТВО TRANSITION-DELAY

Свойство transition-delay указывает задержку эффекта перехода.

Поддержка браузеров

Синтаксис

transition-delay: длительность|initial|inherit

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

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block"></div>

.block{
    width: 100px;
    height: 100px;
    background: blue;
    transition: width 2s;
    transition-delay: 1s
}

.block:hover {
    width: 200px;
}