CSS3:animation keyframes

div{animation:mymove 5s infinite;-webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */}

animation 属性是一个简写属性，用于设置六个动画属性：

animation-name: 规定需要绑定到选择器的 keyframe 名称

animation-duration: 规定完成动画所花费的时间，以秒或毫秒计

animation-timing-function: 规定动画的速度曲线

linear: 动画从头到尾的速度是相同的

ease: 默认。动画以低速开始，然后加快，在结束前变慢

ease-in:  动画以低速开始

ease-out:  动画以低速结束

ease-in-out:  动画以低速开始和结束

animation-delay: 规定在动画开始之前的延迟

animation-iteration-count: 规定动画应该播放的次数（infinite | number）

animation-direction: 规定是否应该轮流反向播放动画。

normal:  每个循环内动画向前循环即每个动画循环结束，动画重置到起点重新开始，这是默认属性

alternate:  动画交替反向运行，反向运行时，动画按步后退，同时，带时间功能的函数也反向，比如，ease-in 在反向时成为ease-out。计数取决于开始时是奇数迭代还是偶数迭代

reverse: 反向运行动画，每周期结束动画由尾到头运行

alternate-reverse:  反向交替， 反向开始交替动画第一次运行时是反向的，然后下一次是正向，后面依次循环。决定奇数次或偶数次的计数从1开始

keyframes直接举个例子吧

@keyframes myfirst {

    0% {background:red;}

    25% {background:yellow;}

    50% {background:blue;}

    100% {background:green;}

}