CSS-свойство transition-duration определяет длительность эффекта перехода transition. Значение этого свойства может быть указано в секундах (s) или миллисекундах (ms).

Значение по умолчанию: 0s
Применяется к: Все элементы, ::before и ::after псевдо-элементы
Наследование: Нет
Анимирование: Нет. Анимируемые свойства
Версия: Новый в CSS3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

transition-duration: time | initial | inherit

Примеры написания кода свойства transition-duration:

button {
    background: #fd7c2a;
    /* For Safari 3.0+ */
    -webkit-transition-property: background;
    -webkit-transition-duration: 2s;
    /* Standard syntax */
    transition-property: background;
    transition-duration: 2s;
}
button:hover {
    background: #3cc16e;
}

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

В следующей таблице описаны значения этого свойства.

Значение Описание
time Определяет время, которое займет эффект перехода transition. Значение по умолчанию — 0s. Отрицательные значения недействительны.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего родительского элемента transition-duration.

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

Свойство transition-duration поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.