css3D 设置z轴坐标 |好看的css效果图

transform: translateZ(100px);

这就是设置元素在Z轴方向上移动100px的代码。需要注意的是，如果该元素的父元素设置了透视（Perspective），那么Z轴的偏移量将会产生近大远小的效果。

perspective: 1000px;

这是设置父元素透视的代码，值越大，近大远小的效果越明显。

除此之外，在用CSS3D进行布局时，大家也可以使用rotate、scale和skew等设置物体在3D空间内的变换效果。这样，大家可以创造出更加炫酷的3D效果。