HTML DOM Style transitionProperty 屬性

實例

把鼠標指針懸停在div 元素上，它的寬度和高度會逐漸改變：

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

transitionProperty 屬性規定應用過渡效果的CSS 屬性的名稱。（當指定的CSS 屬性改變時，過渡效果將開始）。

提示：過渡效果通常在用戶把鼠標指針懸停在元素上時發生。

注意：請始終設置transitionDuration屬性，否則持續時間為0，就不會產生過渡效果。

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 。

默認值：	all
返回值：	字符串，表示元素的transition-property 屬性。
CSS 版本	CSS3