css3 animation 的基本应用

animation 是用于在样式表中规定元素如何按照设定的动画运动的样式属性

下面是动画的全额参数设定

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

动画是由一下参数规定行为的

名称	介绍	允许值	备注
animation-name	动画的名字是由 keyframe定义的动画	自定义名称
animation-duration	动画执行时间	数字，单位是秒
animation-timing-function	规定动画执行的运动曲线	参数参考这里
animation-delay	动画执行的延迟时间	数字，单位是秒
animation-iteration-count	动画执行的次数	数字，infinite(无限次播放)
animation-direction	规定动画是否反向播放	normal(默认值)， alternate(动画应该轮流反向播放。)
animation-play-state	规定动画是暂停还是运动	paused(暂停), running(运行)	也可以在 js 中进行控制 object.style.animationPlayState="paused"
animation-fill-mode	规定动画执行完是停留在开始或者结束	具体参数在这里

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。