Свойство стиля transitionDuration
Пример
Ускорьте эффект перехода:
document.getElementById("myDIV").style.transitionDuration = "1s";
Определение и использование
Свойство transitionDuration задает или возвращает количество секунд (с) или миллисекунд (мс), которое требуется для завершения эффекта перехода.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 3.1 WebkitTransitionDuration |
12.1 |
Синтаксис
Верните свойство transitionDuration:
object.style.transitionDuration
Задайте свойство transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Значения свойств
Value | Description |
---|---|
time | Specifies how many seconds or milliseconds a transition effect takes to complete. Default value is 0, meaning there will be no effect |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 0 |
---|---|
Возвращаемое значение: | Строка, представляющая свойство перехода элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство transition-duration
❮ Объект стиля