学科分类
目录
HTML5+CSS3

animation-delay属性

animation-delay属性用于定义执行动画效果延迟的时间,也就是规定动画什么时候开始,其基本语法格式如下:

animation-delay:time;

在上述语法中,参数time用于定义动画开始前等待的时间,其单位是秒或者毫秒,默认属性值为0。animation-delay属性适用于所有的块元素和行内元素。

例如想要让添加动画的元素在2秒后播放动画效果,可以在该元素中添加如下代码:

animation-delay:2s;

此时,刷新浏览器页面,动画开始前将会延迟2秒的时间,然后才开始执行动画。值得一提的是,animation-delay属性也可以设置负值,当设置为负值后,动画会跳过该时间播放。

点击此处
隐藏目录