欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-21 20:35:20
在CSS中animation-delay的属性为规定动画何时开始。主机吧本文详细介绍下animation-delay的定义和用法、animation-delay的语法、animation-delay的实例。 animation-delay属性实例: 等待两秒,然后开始动画: animation-de ......

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