最新的Web開發教程
 

Style transition Property

<Style對象

將鼠標懸停在一個div元素,逐步改變其外觀:

document.getElementById("myDIV").style.transition = "all 2s";
試一試»

定義和用法

過渡屬性是四個轉變特性,速記屬性:

transitionProperty,transitionDuration,transitionTimingFunction和transitionDelay。

Note:始終指定transitionDuration財產,否則持續時間為0,並過渡不會有任何效果。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

過渡屬性在Internet Explorer 10,火狐,Opera和Chrome瀏覽器的支持。

Safari支持替代,WebkitTransition屬性。

注:在Internet Explorer 9及更早版本不支持的過渡性質。

句法

返回的過渡性質:

object .style.transition

設置過渡性質:

object .style.transition=" 屬性值
描述
transitionProperty 指定CSS屬性的過渡效果是名
transitionDuration 指定過渡效果多少秒或毫秒需要完成
transitionTimingFunction 指定的過渡效果,速度曲線
transitionDelay 定義時,過渡效果將開始
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 所有0 0輕鬆
返回值: 一個字符串,表示元素的過渡屬性
CSS版本 CSS3

相關頁面

CSS參考: transition property


<Style對象