Атрибут CSS transition-duration

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

transition-duration свойство определяет время, необходимое для завершения перехода эффекта (в секундах или миллисекундах).

См. также:

CSS учебник:CSS Перемещение

HTML DOM справочник:transitionDuration свойство

Пример

Сделайте эффект перехода продолжительным 5 секунд:

div {
  transition-duration: 5s;
}

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

CSS синтаксис

transition-duration: time;

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

Значение Описание
time

Определяет время, необходимое для завершения перехода эффекта (в секундах или миллисекундах).

Default value составляет 0, что означает, что эффект не будет применяться.

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

Default value: 0
Инheritance: нет
Версия: CSS3
JavaScript синтаксис: object.style.transitionDuration="5s"

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

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

Числа с префиксами -webkit-, -moz- или -o- указывают на первую версию, используемую с префиксом.

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-