网站建设资讯

NEWS

网站建设资讯

css3动画属性名指的是什么

这篇文章跟大家分析一下“css3动画属性名指的是什么”。内容详细易懂,对“css3动画属性名指的是什么”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“css3动画属性名指的是什么”的知识吧。

创新互联建站服务项目包括盐田网站建设、盐田网站制作、盐田网页制作以及盐田网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,盐田网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到盐田省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

在css3中,动画属性名是“animation”,该属性是一个简写属性,用于规定绑定的keyframe名称、动画时间、速度曲线、动画延迟、动画次数和是否反向播放动画,语法为“animation:名称 时间 速度 延迟 次数 是否反向播放”。

本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。

css3动画属性名是什么

animation 属性是一个简写属性,用于设置六个动画属性:

  • animation-name

  • animation-duration

  • animation-timing-function

  • animation-delay

  • animation-iteration-count

  • animation-direction

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

语法为:

animation: name duration timing-function delay iteration-count direction;

其中参数表示的值为:

css3动画属性名指的是什么

示例如下:



 
123



注意:  Internet Explorer 9 及更早IE版本不支持 animation 属性。

输出结果:

css3动画属性名指的是什么

关于css3动画属性名指的是什么就分享到这里啦,希望上述内容能够让大家有所提升。如果想要学习更多知识,请大家多多留意小编的更新。谢谢大家关注一下创新互联网站!


新闻名称:css3动画属性名指的是什么
标题来源:http://cdweb.net/article/jdepgd.html