CSS3中的3D轉換提供了一種新的方式來創建動態的用戶界面。其中之一是軸旋轉。通過CSS3的transform屬性中的rotateX()函數，可以將元素繞著X軸旋轉。

transform: rotateX(angle);

其中angle是指旋轉的角度，可以使用任意的角度值。若為正值，則表示向前翻轉；若為負值，則表示向后翻轉。

下面是一個旋轉角度為180度的示例：

div {
transform: rotateX(180deg);
}

這將使得該元素沿著x軸翻轉并呈現鏡像效果，如下圖所示：

除了rotateX()函數外，CSS3還支持rotateY()和rotateZ()函數，分別用于繞著Y軸和Z軸旋轉。通過這三種旋轉方式，可以實現各種各樣的動畫效果，增強用戶界面的交互性和視覺效果。