style transitionProperty 属性

将鼠标悬停在 div 元素上可逐渐更改其宽度和高度：

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

描述

transitionProperty 属性指定过渡效果所针对的 CSS 属性的名称（当指定的 CSS 属性更改时，过渡效果将启动）。

提示：当用户将鼠标悬停在元素上时，通常会发生过渡效果。

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

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

Property
transitionProperty	26.0	10.0	16.0	6.1	12.1

返回transitionProperty属性：

object.style.transitionProperty

设置transitionProperty属性：

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

Value	Description
none	No property will get a transition effect
all	Default value. All properties will get a transition effect
property	Defines a comma separated list of CSS property names the transition effect is for
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

默认值：	全部
返回值：	一个字符串，表示元素的transition-property属性
CSS版本	CSS3