目录

CSS animation-delay 属性


示例

2秒后开始动画:

div {
  animation-delay: 2s;
}
亲自试一试 »

下面有更多 "亲自试一试" 示例。


定义和用法

这个animation-delay属性指定动画开始的延迟。

动画延迟值以秒 (s) 或毫秒 (ms) 为单位定义。

默认值: 0秒
遗传:
可动画: 不。阅读可动画的
版本: CSS3
JavaScript 语法: 对象.style.animationDelay="1s"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -webkit-、-moz- 或 -o- 的数字指定使用前缀的第一个版本。

Property
animation-delay 43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-


CSS 语法

animation-delay: time|initial|inherit;

属性值

Value Description Demo
time Optional. Defines the number of seconds (s) or milliseconds (ms) to wait before the animation will start. Default value is 0. Negative values are allowed. If you use negative values, the animation will start as if it had already been playing for N seconds/milliseconds. Play it »
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

更多示例

示例

使用负值。在这里,动画将开始播放,就好像它已经播放了 2 秒一样:

div {
  animation-delay: -2s;
}
亲自试一试 »

相关页面

CSS教程:CSS 动画

HTML DOM 参考:动画延迟属性