Style transitionDuration 屬性

定義和用法

transitionDuration 屬性設置或返回過渡效果需要多少秒 (s) 或毫秒 (ms) 才能完成。

另請參閱:

CSS 參考手冊:transition-duration 屬性

實例

加速過渡效果:

document.getElementById("myDIV").style.transitionDuration = "1s";

親自試一試

語法

返回 transitionDuration 屬性:

object.style.transitionDuration

設置 transitionDuration 屬性:

object.style.transitionDuration = "time|initial|inherit"

屬性值

描述
time 規定完成過渡效果需要多少秒或毫秒。默認值為 0,表示沒有效果。
initial 將此屬性設置為其默認值。請參閱 initial
inherit 從其父元素繼承此屬性。請參閱 inherit

技術細節

默認值: 0
返回值: 字符串,表示元素的 transition-duration 屬性
CSS 版本: CSS3

瀏覽器支持

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

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