在CSS3中，我們可以使用transform屬性來進行各種有趣的變換效果，其中包括繞x軸轉的效果。

.transform {
transform: rotateX(90deg);
}

上面的代碼就是實現繞x軸旋轉90度的效果，其中rotateX()函數表示繞x軸旋轉。如果要繞其他軸旋轉，可以使用rotateY()或者rotateZ()函數。

.transform {
transform: rotateY(45deg);
transform: rotateZ(-30deg);
}

同時，我們也可以通過修改transform-origin屬性來改變旋轉的中心點，例如設置為"50% 50%"表示中心點為元素中心。

.transform {
transform: rotateX(90deg);
transform-origin: 50% 50%;
}

除了繞軸旋轉之外，還可以使用perspective屬性來實現3D效果，通過設置透視的距離，使元素產生遠近的效果。

.container {
perspective: 500px;
}
.box {
transform: rotateY(30deg);
}

上面的代碼就是給容器設置了透視距離500px，然后對.box元素繞y軸旋轉了30度，具有了3D效果。