Style transitionProperty 屬性
Style 對象實例
把滑鼠指針懸停在 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 |
相關文章
CSS 參考手冊：transition-property 屬性