动画是CSS3中具有颠覆性的特征之一，可通过设置多个节点来精确控制一个或一组动画，常用来实现复杂的动画效果。
1、必要元素：
a、通过@keyframes指定动画序列；
b、通过百分比将动画序列分割成多个节点；
c、在各节点中分别定义各属性
d、通过animation将动画应用于相应元素；
2、关键属性
a、animation-name设置动画序列名称。
b、animation-duration动画持续时间。
c、animation-delay动画延时时间。
d、animation-timing-function动画执行速度，linear、ease等。
e、animation-play-state动画播放状态，running、paused等。
f、animation-direction动画逆播，alternate等。
g、animation-fill-mode动画执行完毕后状态，forwards、backwards等。
h、animation-iteration-count动画执行次数，inifinate等。
i、steps(60) 表示动画分成60步完成。
参数值的顺序：关于几个值，除了名字，动画时间，延时有严格顺序要求其它随意。
3、CSS3中的动画：
定义动画：

@keyframes 动画名{
     from{ 初始状态}
       to{结束状态}
}

调用：基本语法格式
animation: 动画名称 持续时间；