Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style transitionDuration Property

<Style Object

пример

Ускорить эффект перехода:

document.getElementById("myDIV").style.transitionDuration = "1s";
Попробуй сам "

Определение и использование

В transitionDuration наборов свойств или возвращает сколько секунд (s) или миллисекунд (ms) эффект перехода требуется для завершения.


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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство transitionDuration поддерживается в Internet Explorer 10, Firefox, Opera и Chrome.

Safari поддерживает альтернативный, свойство WebkitTransitionDuration.


Синтаксис

Возвращает свойство transitionDuration:

object .style.transitionDuration

Установите свойство transitionDuration:

object .style.transitionDuration=" Значения свойств
Стоимость Описание
time Определяет, сколько секунд или миллисекунды эффекта перехода требуется для завершения. Значение по умолчанию равно 0, что означает, что не будет никакого эффекта
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: 0
Возвращаемое значение: Строка, представляющая переходная продолжительность свойство элемента
CSS версия CSS3

Похожие страницы

Ссылка CSS: transition-duration property


<Style Object