Style transitionProperty 屬性

定義和用法

transitionProperty 屬性規定過渡效果所針對的 CSS 屬性的名稱（過渡效果將在指定的 CSS 屬性更改時啟動）。

提示：當用戶將鼠標懸停在元素上時，通常會出現過渡效果。

注釋：請始終規定 transitionDuration 屬性，否則持續時間為 0，過渡將無效。

另請參閱：

CSS 參考手冊：transition-property 屬性

實例

將鼠標懸停在 div 元素上以逐漸改變其寬度和高度：

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

親自試一試

語法

返回 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

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1