пример
Наведите указатель мыши на элемент DIV, чтобы постепенно изменить его внешний вид:
document.getElementById("myDIV").style.transition = "all 2s";
Попробуй сам " Определение и использование
Свойство перехода свойство является обобщающим для четырех свойств переходных:
transitionProperty, transitionDuration, transitionTimingFunction и transitionDelay.
Note: Всегда указывайте свойство transitionDuration, в противном случае продолжительность составляет 0, а переход не будет иметь никакого эффекта.
Поддержка браузеров
Свойство перехода поддерживается в Internet Explorer 10, Firefox, Opera и Chrome.
Safari поддерживает альтернативный, свойство WebkitTransition.
Примечание: Свойство перехода не поддерживается в Internet Explorer 9 и более ранних версий.
Синтаксис
Возвращает свойство перехода:
object .style.transition Установите свойство перехода:
object .style.transition=" Значения свойств Стоимость Описание transitionProperty Задает имя свойства CSS эффект перехода для transitionDuration Определяет, сколько секунд или миллисекунды эффект перехода требуется для завершения transitionTimingFunction Определяет кривую скорости эффекта перехода transitionDelay Определяет, когда эффект перехода начнет initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: все 0 непринужденность 0 Возвращаемое значение: Строка, представляющая собой переходное свойство элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: transition property
<Style Object