空间转换
1、空间位移：
transform：translateX/Y/Z
transform：translate3d(X,Y,Z)
默认为看不到Z轴得变化
2、空间旋转：
transform：rotateX/Y/Z
transform：rotate3d(1, 1, 1, X deg)
3、产生视觉：
perspective（视觉）：XXXpx
可视 加致 父级
4、空间转化得复合写法：
transform：translate rotate（先位移后旋转）
5、实现立方体步骤
6、旋转导航条步骤：
7、使用立体呈现技巧实现3D导航效果：
transform-style: preserve-3d
8、动画：
①name:动画名称 （写法：animation-name：名称；）
②duration:动画时长（写法：animation-duration：X s;）
③delay:动画延时（写法：animation-delay：Xs）
注意延时写在时长后面
④iteration-count:播放次数（infinite 无限次数、填写具体数值）
⑤direction:播放方向（normal 默认值、alternate先正再反、reverse先反再正、alternate-reverse先反 后正）
⑥play-state:暂停播放（puased暂停，通常搭配hover使用，running开始）
⑦timing-function:速度曲线（steps，逐帧动画）
linear匀速、ease-in先慢后快、ease-out先快后慢
⑧fill-mode:动画执行完毕时的状态（forwards 最后一帧的状态、backwards第一帧的状态）
动画案例
1.精灵图
