CSS3animation-delay屬性


實例

等待兩秒，然后開始動畫：

animation-delay:2s;
-webkit-animation-delay:2s; /* Safari and Chrome */


在此頁底部有更多的例子。

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。

Property     
animation-delay43.0
4.0 -webkit-		10.016.0
5.0 -moz-		9.0
4.0 -webkit-		30.0
15.0 -webkit-
12.0 -o-

標簽定義及使用說明

animation-delay 屬性定義動畫什么時候開始。

animation-delay 值單位可以是秒（s）或毫秒（ms）。

提示:允許負值，-2s 使動畫馬上開始，但跳過 2 秒進入動畫。

默認值:0
繼承:no
版本:CSS3
JavaScript 語法:objectobject.style.animationDelay="2s"

語法

animation-delay:time;

值描述測試
time可選。定義動畫開始前等待的時間，以秒或毫秒計。默認值為0測試 ?

Examples

更多實例


實例

負值，請注意動畫跳過 2 秒進入動畫周期：

animation-delay: -2s /* W3C and Opera */
-moz-animation-delay: -2s /* Firefox */
-webkit-animation-delay: -2s /* Safari and Chrome */

相關文章

CSS3 教程: CSS3 動畫