animation-delay属性如何使用

这篇文章给大家分享的是有关animation-delay属性如何使用的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

成都创新互联公司基于分布式IDC数据中心构建的平台为众多户提供四川电信科技城机房 四川大带宽租用 成都机柜租用 成都服务器租用。

animation-delay属性是用来定义动画何时开始，以秒或毫秒为单位；使用animation-delay属性可以自定义动画的延迟效果。

CSS3  animation-delay属性

作用：animation-delay 属性定义动画何时开始。animation-delay 值以秒或毫秒计。

语法：

animation-delay: time;

time：可省略，默认值是 0；用来定义动画开始前等待的时间，以秒或毫秒计。

说明：time允许为负值，-2s使动画马上开始，但跳过 2 秒进入动画。

注：Internet Explorer 9 以及更早的版本不支持 animation-delay 属性。

CSS3  animation-delay属性的使用示例

效果图：

感谢各位的阅读！关于animation-delay属性如何使用就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！