CSS3中的XYZ軸可以實現3D效果，讓頁面展現更加生動。下面我們一起來了解一下CSS3中的XYZ軸吧！

/* 使元素沿X軸旋轉 */
transform: rotateX(60deg);
/* 使元素沿Y軸旋轉 */
transform: rotateY(45deg);
/* 使元素沿Z軸旋轉 */
transform: rotateZ(30deg);
/* 使元素同時繞X、Y、Z軸旋轉 */
transform: rotate3d(1, 1, 1, 45deg);

在3D的空間中，每個軸都代表著不同的方向和切面，具體如下：

• X軸：從左向右延伸，切面為Y-Z面。
• Y軸：從下向上延伸，切面為X-Z面。
• Z軸：從屏幕外向屏幕內延伸，切面為X-Y面。

通過XYZ軸的旋轉，我們可以實現頁面元素在3D空間中的移動、旋轉、翻轉等效果，增強頁面的交互體驗。