CSS的發展讓人贊嘆不已，讓我們可以輕松實現3D旋轉效果。接下來，我們就來介紹一下如何使用CSS實現3D旋轉。

首先，我們需要在CSS中定義一個容器，然后在這個容器中定義需要旋轉的元素。這個容器可以是一個div，也可以是其他的HTML元素。

.container {
perspective: 1000px;    /*定義透視距離*/
transform-style: preserve-3d;    /*保持3D空間*/
}
.item {
transform: rotateY(60deg) rotateX(30deg);    /*定義3D旋轉*/
}

在上面的代碼中，我們使用了perspective屬性來定義透視距離。透視距離越小，元素看起來越大。transform-style屬性被設置為preserve-3d，表示保持3D空間。這可以確保元素旋轉時保持在3D空間中。

在.item類中，我們使用transform屬性來定義3D旋轉。在這個例子中，我們定義了一個rotateY函數和一個rotateX函數來分別在Y軸和X軸上旋轉元素。

要讓元素以動畫的方式旋轉，我們可以使用CSS3中的動畫功能。下面是一個簡單的例子：

.item {
animation: rotate 4s linear infinite;
}
@keyframes rotate {
from { transform: rotateY(0deg); }
to { transform: rotateY(360deg); }
}

在上面的代碼中，我們使用了animation屬性來定義旋轉動畫。rotate函數會在4秒鐘內完成一次旋轉操作。我們還定義了一個關鍵幀動畫（@keyframes），從0度到360度，代表一次完整的旋轉。這個動畫是以線性方式無限循環播放。

至此，我們已經學會如何在CSS中實現3D旋轉效果了。這種效果非常酷炫，可以用于各種網站設計和開發中。不過需要注意的是，瀏覽器的兼容性可能存在問題，需要在使用時仔細考慮。