animation-delay

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中，请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订，所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

概述

animation-delay CSS属性定义动画于何时开始，即从动画应用在元素上到动画开始的这段时间的长度。

0s是该属性的默认值，代表动画在应用到元素上后立即开始执行。否则，该属性的值代表动画样式应用到元素上后到开始执行前的时间长度；

定义一个负值会让动画立即开始。但是动画会从它的动画序列中某位置开始。例如，如果设定值为 -1s，动画会从它的动画序列的第 1 秒位置处立即开始。

如果为动画延迟指定了一个负值，但起始值是隐藏的，则从动画应用于元素的那一刻起就获取起始值。

通常用animation简写属性一次性设置动画效果较为方便。

初始值0s
适用元素all elements, ::before and ::after pseudo-elements
是否是继承属性否
计算值as specified
Animation typeNot animatable

语法

animation-delay: 3s;
animation-delay: 2s, 4ms;

值

<time>

从动画样式应用到元素上到元素开始执行动画的时间差。该值可用单位为秒 (s) 和毫秒 (ms)。如果未设置单位，定义无效。

正式语法

animation-delay = 
  [ <'animation-delay-start'> <'animation-delay-end'>? | <timeline-range-name> ]#

示例

参见CSS animations (en-US)

规范

Specification
CSS Animations Level 1
# animation-delay

浏览器兼容性

BCD tables only load in the browser

参见