CSS transition-duration Свойство
Пример
Пусть эффект перехода длится 5 секунд:
div {
transition-duration: 5s;
}
Определение и использование
Свойство transition-duration
указывает, сколько секунд (ов) или миллисекунд (МС) требуется для завершения эффекта перехода.
Значение по умолчанию: | 0s |
---|---|
Inherited: | no |
Animatable: | no. Читайте о animatable |
Version: | CSS3 |
Синтаксис JavaScript: | object.style.transitionDuration="1s" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Номера следуют -WebKit-, -МОЗ- или -o- укажат первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
transition-duration | 26.0 4.0 -webkit- |
10.0 | 16.0 4.0 -moz- |
6.1 3.1 -webkit- |
12.1 10.5 -o- |
Синтаксис CSS
transition-duration: time|initial|inherit;
Значения свойств
Значение | Описание |
---|---|
time | Указывает, сколько секунд или миллисекунд требуется для завершения эффекта перехода. Значение по умолчанию 0, то есть не будет эффекта |
initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) |
inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Transitions
HTML DOM Справочник: transitionDuration Свойство