css中animation-duration属性如何使用

这篇文章主要介绍css中animation-duration属性如何使用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

10年的安定网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整安定建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“安定网站设计”,“安定网站推广”以来，每个客户项目都认真落实执行。

css animation-duration属性是用来定义动画完成一个周期所需要的时间，以秒或毫秒计；基本语法为animation-duration: time。

css animation-duration属性怎么用？

作用：animation-duration 属性定义动画完成一个周期所需要的时间，以秒或毫秒计。

语法：

animation-duration: time

说明：time    规定完成动画所花费的时间。默认值是 0，意味着没有动画效果。

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

css animation-duration属性 示例

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

注释：始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。

效果：

以上是css中animation-duration属性如何使用的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！