CSS transition-delay 屬性

定義和用法

transition-delay 屬性規定過渡效果何時開始。

transition-delay 值以秒或毫秒計。

另請參閱：

CSS 教程：CSS 過渡

HTML DOM 參考手冊：transitionDelay 屬性

實例

在過渡效果開始前等待 2 秒：

div {
  transition-delay: 2s;
}

親自試一試

CSS 語法

transition-delay: time;

屬性值

值 描述
time 規定在過渡效果開始之前需要等待的時間，以秒或毫秒計。

技術細節

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

瀏覽器支持

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

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

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-