CSS 3D旋轉(zhuǎn)是一種新穎的展現(xiàn)方式，它允許在3D空間中旋轉(zhuǎn)元素、塊和甚至整個網(wǎng)頁。這使得網(wǎng)頁設(shè)計更加生動、有趣和具有吸引力。

在 CSS 中，可以通過 transform 屬性來實現(xiàn) 3D 旋轉(zhuǎn)。其中最簡單而常見的是 3D 旋轉(zhuǎn)。下面是一個使用 transform 屬性實現(xiàn)的 3D 旋轉(zhuǎn)的例子：

.box {
transform: rotate3d(1, 1, 1, 60deg);
}

這個例子中，元素.box 被旋轉(zhuǎn)了60度。其中，rotate3d() 函數(shù)將元素繞x、y 和 z 軸進行旋轉(zhuǎn)。參數(shù)列表中的前三個數(shù)字定義了旋轉(zhuǎn)軸的坐標，即（x，y，z），最后一個數(shù)字表示旋轉(zhuǎn)的角度。

除了繞一個軸旋轉(zhuǎn)，我們還可以在元素所在的坐標軸平面內(nèi)旋轉(zhuǎn)元素。這是使用 rotateX() 和 rotateY() 實現(xiàn)的，下面是這兩個函數(shù)的示例：

.box1 {
transform: rotateX(60deg);
}
.box2 {
transform: rotateY(60deg);
}

在上述代碼中，元素.box1被繞著 x 軸旋轉(zhuǎn)，而元素.box2則被繞著 y 軸旋轉(zhuǎn)。

另外，您還可以使用函數(shù) rotate() 完成繞任意角度進行旋轉(zhuǎn)。下面是一個使用這個函數(shù)實現(xiàn)的例子：

.box {
transform: rotate(60deg);
}

要了解更多有關(guān) CSS 3D 旋轉(zhuǎn)的內(nèi)容，可以在網(wǎng)上查找相關(guān)教程和文章。