Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <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> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style transitionProperty недвижимость

Стиль Ссылка на объект Стиль Объекты

примеров

Наведении указателя мыши на элемент сНу, он будет постепенно изменять ширину и высоту:

document.getElementById("myDIV").style.transitionProperty="width,height";

Попробуйте »

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

Атрибут transitionProperty указывает имя свойства CSS применить эффект перехода. (При изменении указанного CSS свойство, эффект перехода начнется).

Совет: переходный эффект обычно происходит , когда пользователь наводит указатель мыши на элемент.

Примечание: Всегда устанавливайте transitionDuration свойство, в противном случае продолжительность равна нулю, он не будет производить эффекты перехода.

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera и Chrome поддержка transitionProperty недвижимость.

Safari поддерживает другой альтернативой свойства атрибутов это свойство WebkitTransitionProperty.

Примечание: Internet Explorer 9 и более ранние версии не поддерживают transitionProperty свойство.

грамматика

Назад свойства transitionProperty:

object .style.transitionProperty

Настройка свойств transitionProperty:

object .style.transitionProperty="none|all|property|initial|inherit"

Значение свойства

值 描述
none 没有属性会获得过渡效果。
all 默认值。所有属性都将获得过渡效果。
property 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

технические детали

По умолчанию: все
Возвращает: Строка, представляющая атрибут переходного свойств элемента.
версия CSS CSS3

Статьи по Теме

CSS Справка: Переход-недвижимости недвижимости

Стиль Ссылка на объект Стиль Объекты