animation动画

浏览器支持ie10+、chrome、Firefox

animation 取值

animation-name :动画名称（自己定义的@keyframes名字）

animation-duration动画完成的时间  s

animation-timing-function 动画如何完成一个周期（过渡效果）

linear匀速

ease

ease-in

ease-in-out

ease-out

cubic-bezier(n,n,n,n)这个没用过

animation-delay动画延时多久执行   s

animation-iteration-count动画执行的次数

直接填数字（也可以不填）

infinite无限次

animation-direction动画是否反向执行

normal

reverse反向播放

alternate在基数次正向播放，偶数次反向播放

alternate-reverse和alternate相反

animation-fill-mode动画停止时元素的状态

forwards动画结束位置

backwards动画开始的位置

both停止位置由循环的次数决定（如果是单向运动，停止在动画结束位置）

animation-play-state 动画是否停止

paused停止

running运行

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}