Свойство transitionDuration
Пример style.transitionDuration
Ускорьте эффект перехода:
document.getElementById("myDIV").style.transitionDuration = "1s";
Попробуйте сами »
Описание transitionDuration
Свойство transitionDuration устанавливает или возвращает количество секунд (с) или миллисекунд (мс), необходимое для завершения эффекта перехода.
Поддержка transitionDuration
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данное свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| transitionDuration | 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
Синтаксис transitionDuration
Вернуть свойство transitionDuration:
object.style.transitionDuration
Установите свойство transitionDuration:
object.style.transitionDuration = "time|initial|inherit"
Значение свойства transitionDuration
| Значение | Описание |
|---|---|
| time | Указывает, сколько секунд или миллисекунд требуется для завершения эффекта перехода. Значение по умолчанию — 0, что означает, что эффекта не будет |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали transitionDuration
| Значение по умолчанию: | 0 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство длительности перехода элемента. |
| CSS Версия | CSS3 |
Связанные страницы transitionDuration
CSS Справочник: Свойство transition-duration