一、空间转换
使用translate实现元素空间位移效果 ：
位移 transform: translate3d(x, y, z) ；
旋转 transform: rotate3d(x, y, z, 角度度数) ；
缩放 transform: scale3d(x, y, z);
透视/视距 perspective
（添加给具有3d属性的盒子的父元素）
像素单位数值， 数值一般在800 – 1200
空间旋转 rotate
左手法则：判断旋转方向: 左手握住旋转轴, 拇指指向正值方向, 手指弯曲方向为旋转正值方向
立体呈现 transform-style: preserve-3d
（添加给具有3d属性的盒子的父元素）使子元素处于真正的3d空间
二、动画
- 定义动画
- 使用动画
动画属性 ：animation相关属性控制动画执行过程
逐帧动画 ：steps（）一般结合background-position ：-xxxpx 0；使用
注意点 ：
- 动画名称不可以叫running
- 动画的名称不可以重复
- 一次动画完成之后，默认会突然一下回到最初的状态
- 取值不分先后顺序
- 若出现两个时间 ，第一个时间为动画时长，第二个为延迟时间
- infinite和forwards不能共存
- 一个元素可以添加多个动画效果 : animation: 动画1，动画2，动画3；
