动画（animation）是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。
语法格式：
animation: 动画名称 花费时间 运动曲线 何时开始 播放次数 是否反方向;
CSS 3 @keyframes 规则 和 动画属性：
@keyframes：规定动画。
animation：所有动画属性的简写属性，除了 animation-play-state 属性。
animation-name：规定@keyframes 动画的名称。
animation-duration：规定动画完成一个周期所花费的秒或者毫秒。默认是0。
animation-timing-function：规定动画的速度曲线。默认是“ease”。
animation-delay：规定动画何时开始，默认是“0”。
animation-iteration-count：规定动画被播放的次数。默认是“1”。
animation-direction：规定动画是否在下一周期逆向的播放。默认是“normal”。
animation-play-state：规定动画是否正在运行或暂停。默认是“running”。
animation-fill-mode：规定动画对象时间之外的状态。
（上面几个值，除了名字，动画时间，延时有严格顺序要求，其他随意）
animation-iteration-count：infinite；/*无限循环播放*/
animation-direction：alternate；/*动画应该轮流反向播放*/
animation-play-state：paused；/*暂停动画*/
网友评论