一，3d的特点：
(1）近大远小
(2)物体后面遮挡不可见
二，3d转换的功能:
（1）3D移动 translate3d：
3D 移动就是在 2D 移动的基础上多加了一个可以移动的方向，就是 z 轴方向 语法： transform:translateX(100px)：仅仅是在 x 轴上移动
transform: translateY(100px)：仅仅是在 y 轴上移动
transform: translateZ(100px)：仅仅是在 z 轴上移动，后面一般跟px，x,y可以跟50%
transform: translate3d(x, y, z)：其中x、y、z 分别指要移动的轴的方向的距离
（2）透视perspective：
可以在2D平面产生远大近小视觉立体感觉，但是只是效果二维的 如果想要在网页产生3D效果需要透视 透视我们也成为视距就是人的眼睛到屏幕的距离 距离视觉点越近的在电脑平面成像越大，越远成像越小 注意：透视的单位是像素； 透视写在被观察元素的父盒子上面
（3）3d旋转：指可以让元素在三维平面内沿着X轴，Y轴，Z轴或者自定义轴进行旋转。
语法：transform: rotateX(45deg) -- 沿着 x 轴正方向旋转 45 度
transform: rotateY(45deg) -- 沿着 y 轴正方向旋转 45 度
transform: rotateZ(45deg) -- 沿着 z 轴正方向旋转 45 度
transform: rotate3d(x, y, z, 45deg) -- 沿着自定义轴旋转 45度， deg 为角度
（4） 3D呈现 transform-style：控制子元素是否开启三维立体环境
语法：transform-style: preserve-3d；
注意：代码写给父级，但是影响的是子元素
