CSS3 animation-delay 屬性


實例

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

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

嘗試一下 ?
在此頁底部有更多的例子。

瀏覽器支持

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

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

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-

標(biāo)簽定義及使用說明

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

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

提示: 允許負(fù)值，-2s 使動畫馬上開始，但跳過 2 秒進(jìn)入動畫。

默認(rèn)值:0
繼承:no
版本:CSS3
JavaScript 語法:object object.style.animationDelay="2s"

語法

animation-delay: time;

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

Examples

更多實例


實例

負(fù)值，請注意動畫跳過 2 秒進(jìn)入動畫周期：

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

嘗試一下 ?

相關(guān)文章

CSS3 教程: CSS3 動畫