动画（animation）
步骤：1.定义动画 2.使用动画
定义动画
@keyframes 动画名称 {
from{ transform:translatex(0px)}
to {transform:translatex(800px)}
}
也可以用百分号 10% 20% 30%到100%
（定义动画）
@keyframes 动画名称 {
0% { transform:translate3d ( 0px ,0px ,0px) }
25%{transform:traslate3d ( 800px , 0 , 0 )}
50%{transform:traslate3d (800px , 800px , 0 )}
75%{transform:traslate3d (0px , 800px , 0 )}
100%{transform:traslate3d (0px , 0px , 0px )}
}
使用动画
animation：动画名称 动画时间 运动曲线 何时开始 播放次数 是否反向 （引用动画）
animation：go 2s ease 0 infinite normal
规定动画是否无限循环 infinite
规定动画是否逆向播放 alternate （默认值normal）
规定动画结束以后是不是回到起始地 forwards （默认值backwards 回到原定）
改变动画状态
div：hover{
animation-play-state：paused；}
