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	规定动画执行完是停留在开始或者结束	具体参数在这里