CSS animation-delay:规定动画何时开始

在CSS中animation-delay的属性为规定动画何时开始。主机吧本文详细介绍下animation-delay的定义和用法、animation-delay的语法、animation-delay的实例。

animation-delay属性实例：

等待两秒，然后开始动画：

 

   div
{
animation-delay:2s;
-webkit-animation-delay:2s; /* Safari 和 Chrome */
}

 

animation-delay定义和用法：

animation-delay 属性定义动画何时开始。

animation-delay 值以秒或毫秒计。

提示：允许负值，-2s 使动画马上开始，但跳过 2 秒进入动画。

 

默认值：	0
继承性：	no
版本：	CSS3
JavaScript 语法：	object.style.animationDelay="2s"

 

animation-delay语法：

 

animation-delay: time;

 

 

值	描述
time	可选。定义动画开始前等待的时间，以秒或毫秒计。默认值是 0。