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

СВОЙСТВО TRANSITION-DURATION

Свойство transition-duration указывает длительность эффекта перехода.

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

Синтаксис

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

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

Песочница

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

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

.block{
    width: 100px;
    height: 100px;
    background: blue;
    transition-property: width;
    transition-duration: 3s
}

.block:hover {
    width: 200px;
}