css中旋转的z轴

CSS中的旋转是一种常见的效果，我们可以通过transform属性实现元素沿着X、Y、Z三个轴的旋转。而其中的Z轴旋转效果，则可以让元素呈现出翻转的效果。

transform: rotateZ(90deg); 

上述代码可以让元素绕着Z轴旋转90度，实现翻转效果。需要注意的是，Z轴的正方向是朝屏幕外的，因此元素需要有一定的立体感才能看到旋转的效果。

如果想要控制Z轴旋转的中心点，可以使用transform-origin属性。默认情况下，元素的中心点为其自身的中心点，我们可以通过该属性来改变它的位置。

transform-origin: center center 50px; 

上述代码可以让元素以自身中心点为旋转点，距离Z轴50像素的地方旋转。

总的来说，Z轴旋转是一个常用的效果，可以让页面元素更具立体感，创造出更加生动的展示效果。