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 Стиль

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

примеров

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

document.getElementById("myDIV").style.transition="all 2s";

Попробуйте »

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

Переход свойство является сокращённое свойство для установки четырех свойств перехода:

transitionProperty, transitionDuration, transitionTimingFunction и transitionDelay.

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

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

грамматика

Возвращает переход атрибуты:

object .style.transition

Задайте свойства перехода:

object .style.transition="property duration timing-function delay|initial|inherit"

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

值 描述
transitionProperty 规定应用过渡效果的 CSS 属性的名称。
transitionDuration 规定完成过渡效果需要多少秒或毫秒。
transitionTimingFunction 规定过渡效果的速度曲线。
transitionDelay 定义过渡效果何时开始。
initial 设置该属性为它的默认值。请参阅 initial 。
inherit 从父元素继承该属性。请参阅 inherit 。

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

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

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

CSS Ссылка: Свойства перехода

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