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

时间:2024-04-05 00:05:04

在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。