style transition 属性

将鼠标悬停在 div 元素上可逐渐更改其外观：

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

描述

过渡属性是四个过渡属性的简写属性：

过渡属性、过渡持续时间、过渡计时函数和过渡延迟。

笔记：始终指定transitionDuration属性，否则持续时间为0，并且过渡将没有效果。

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
transition	26.0	10.0	16.0	6.1	12.1

返回转换属性：

object.style.transition

设置过渡属性：

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

Value	Description
transitionProperty	Specifies the name of the CSS property the transition effect is for
transitionDuration	Specifies how many seconds or milliseconds the transition effect takes to complete
transitionTimingFunction	Specifies the speed curve of the transition effect
transitionDelay	Defines when the transition effect will start
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit