Css3动画

在不需要触发任何事件的情况下随着时间变化来改变元素css的属性值，从而达到一种动画的效果,需要明确的动画属性值.初始效果———动画帧———动画帧————最终的效果
属性：1. animation-name（设置动画的名字，这个是必须写的） 与@keyframes配合使用,定义关键帧 @keyframes mymove{} animation-name:mymove;语法一：@keyframes mymove{ from{初始状态属性} to{结束状态属性} } 语法二：@keyframes mymove{ 0%{初始状态属性} 100%{结束状态属性} } 2. animation-duration(设置动画持续的时间，这个是必须写的，)
3. animation-delay(设置动画延迟的时间，可用负值)
4.animation-timing-function（设置对象动画的过渡类型）属性值： linear：线性过渡。 ease：平滑过渡。 ease-in：由慢到快。 ease-out：由快到慢。 ease-in-out：由慢到快再到慢。 step-start:马上跳到动画每一结束桢的状态 (实现逐帧动画效果)
5.animation-iteration-count （设置动画的循环次数）属性值：infinite：无限循环 number: 循环的次数
6. animation-direction （设置动画在循环中是否反向运动）属性值：normal：正常方向 reverse：反方向运行 alternate：动画先正常运行再反方向运行，并持续交替运行 alternate-reverse：动画先反运行再正方向运行，并持续交替
7.animation-fill-mode（规定动画播放前后动画效果是否可见）属性值：none (默认值) : 在运动结束之后回到初始位置，在延迟的情况下，让0%在延迟后生效backwards : 在延迟的情况下，让0%在延迟前生效forwards : 在运动结束的之后，停到结束位置both : backwards和forwards同时生效
8.animation-play-state （设置对象动画的状态，也就是播放暂停）属性值：running:运动 (默认值) paused: 暂停