Style transitionProperty 屬性

實例

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

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

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

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

注意：請始終設置 transitionDuration 屬性，否則持續(xù)時間為 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

其他擴展

上一篇：Style transition 屬性下一篇：Style transitionDuration 屬性