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
поддерживается во всех основных браузерах.