例
將鼠標懸停在一個div元素逐漸改變其寬度和高度：
document.getElementById("myDIV").style.transitionProperty = "width,height";
試一試» 定義和用法
該transitionProperty屬性指定的CSS屬性的名稱的過渡效果是（過渡效果會啟動指定的CSS屬性發生變化時）。
Tip:通常可發生時的過渡效果的用戶懸停在一個元素上。
Note:始終指定transitionDuration財產，否則持續時間為0，並過渡不會有任何效果。
瀏覽器支持
該transitionProperty屬性在Internet Explorer 10，火狐，Opera和Chrome瀏覽器的支持。
Safari支持替代，WebkitTransitionProperty屬性。
注：在Internet Explorer 9及更早版本不支持transitionProperty財產。
句法
返回transitionProperty屬性：
object .style.transitionProperty 設置transitionProperty屬性：
object .style.transitionProperty="none|all| 屬性值 值 描述 none 無財產會得到一個過渡效果 all 默認值。 所有屬性會得到一個過渡效果 property 定義一個逗號分隔的CSS屬性名過渡效果是名單 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值： 所有 返回值： 一個字符串，表示元素的過渡屬性屬性 CSS版本 CSS3
相關頁面
CSS參考： transition-property property
<Style對象