重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章跟大家分析一下“css3动画属性名指的是什么”。内容详细易懂,对“css3动画属性名指的是什么”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小编一起深入学习“css3动画属性名指的是什么”的知识吧。
创新互联建站服务项目包括盐田网站建设、盐田网站制作、盐田网页制作以及盐田网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,盐田网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到盐田省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
在css3中,动画属性名是“animation”,该属性是一个简写属性,用于规定绑定的keyframe名称、动画时间、速度曲线、动画延迟、动画次数和是否反向播放动画,语法为“animation:名称 时间 速度 延迟 次数 是否反向播放”。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
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;
其中参数表示的值为:
示例如下:
123 注意: Internet Explorer 9 及更早IE版本不支持 animation 属性。
输出结果:
关于css3动画属性名指的是什么就分享到这里啦,希望上述内容能够让大家有所提升。如果想要学习更多知识,请大家多多留意小编的更新。谢谢大家关注一下创新互联网站!