3d移动translate3d

1、向x轴移动100像素

transform: translateX(100px);

2、向y轴移动100像素

transform: translateY(100PX);

3、向左移动100像素，同时也向右移动100像素

transform: translateX(100px) translateY(100px);【注意这里中间是用空格隔开的】

4、transform: translateX(100px) translateY(100px) translateZ(100px);加上向z轴移动100像素，在页面上是看不出来的，需要借助透视效果。

注意事项：

1、translateZ沿着z轴移动；

2、translateZ后面的单位我们一般跟px；

3、translateZ(100px)向外移动100像素（向我们的眼睛来移动的）；

4、3d移动有简写的方法：transform: translate3d(x,y,z);

5、xyz是不能省略的，如果没有就写0；