Style transitionProperty 屬性

實(shí)例

把鼠標(biāo)指針懸停在 div 元素上，它的寬度和高度會(huì)逐漸改變：

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

transitionProperty 屬性規(guī)定應(yīng)用過(guò)渡效果的 CSS 屬性的名稱(chēng)。（當(dāng)指定的 CSS 屬性改變時(shí)，過(guò)渡效果將開(kāi)始）。

提示：過(guò)渡效果通常在用戶(hù)把鼠標(biāo)指針懸停在元素上時(shí)發(fā)生。

注意：請(qǐng)始終設(shè)置 transitionDuration 屬性，否則持續(xù)時(shí)間為 0，就不會(huì)產(chǎn)生過(guò)渡效果。

Internet Explorer 10、Firefox、Opera 和 Chrome 支持 transitionProperty 屬性。

Safari 支持另一個(gè)可替代該屬性的屬性，即 WebkitTransitionProperty 屬性。

注意：Internet Explorer 9 及其之前的版本不支持 transitionProperty 屬性。

返回 transitionProperty 屬性：

object.style.transitionProperty

設(shè)置 transitionProperty 屬性：

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

值	描述
none	沒(méi)有屬性會(huì)獲得過(guò)渡效果。
all	默認(rèn)值。所有屬性都將獲得過(guò)渡效果。
property	定義應(yīng)用過(guò)渡效果的 CSS 屬性名稱(chēng)列表，列表以逗號(hào)分隔。
initial	設(shè)置該屬性為它的默認(rèn)值。請(qǐng)參閱 initial。
inherit	從父元素繼承該屬性。請(qǐng)參閱 inherit。

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