1、在哪儿产生动画，比如：width height background-color
2、动画的时间，比如：1s 500ms 0.5s
3、运动曲线，比如linear匀速、ease首尾慢
4、延迟多长时间开始动画
运动曲线：all 1s linear 匀速
all 1s ease 开始和结束慢速，中间加速
all 1s ease-in 开始慢速，结尾突然停止
all 1s ease-out 突然开始，结尾慢速
all 1s ease-in-out 开始和结束慢速
transfrom变形： translate(100px,100px) 位移
rotate(360deg) 旋转
scale(0.5, 0.2) 缩放
skew(0, 45deg) 斜切
设置盒子按3D空间显示：transform-style: preserve-3d
设置透视距离：perspective
animation-play-state: paused 动画暂停
animation-play-state: running 动画运行
多帧动画： @keyframes moving{
0% { transform: translateY(0px);
}
50% { transform: translateY(400px);
}
100% { transform: translateY(0px);
}
}
