CSS transition-duration 屬性

定義和用法

transition-duration 屬性規定完成過渡效果需要花費的時間（以秒或毫秒計）。

另請參閱：

CSS 教程：CSS 過渡

HTML DOM 參考手冊：transitionDuration 屬性

實例

讓過渡效果持續 5 秒：

div {
  transition-duration: 5s;
}

親自試一試

CSS 語法

transition-duration: time;

屬性值

值 描述
time

規定完成過渡效果需要花費的時間（以秒或毫秒計）。

默認值是 0，意味著不會有效果。

技術細節

默認值： 0
繼承性： no
版本： CSS3
JavaScript 語法： object.style.transitionDuration="5s"

瀏覽器支持

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

帶 -webkit-、-moz- 或 -o- 的數字表示使用前綴的首個版本。

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-