移动web-空间转换（3D）

目录

立体呈现：

1、3D坐标系

2、3D位移

3、透视

4、3D旋转

rotateX

rotateY

5、左手法则

---

立体呈现：

使用3D转换代码就必须要给父亲添加3D转换的代码：transform-style：preserve-3d；

1、3D坐标系

一定要记住3个坐标轴取值的正反：

• X 轴 往右越大，是正值， 否则反之

• Y 轴 往下越大，是正值，否则反之

• Z轴 往里越大，是正值，否则反之 Z轴指向我们

2、3D位移

        完整写法：

 transform: translate3d(x, y, z);

只不过在很多情况下，我们经常喜欢分开写：

transform: translateX(100px);
transform