CSS中定義3D旋轉是一種很炫酷的效果，可以讓我們的網頁更加生動有趣。在CSS中定義3D旋轉需要用到transform和perspective屬性。

/* 定義元素為3D旋轉模式 */
transform-style: preserve-3d;
/* 定義父元素視角的距離 */
perspective: 1000px;
/* 定義元素3D旋轉 */
transform: rotateX(45deg) rotateY(45deg) rotateZ(45deg);

其中，transform-style屬性用于定義元素是否為3D旋轉模式。preserve-3d值表示元素是3D旋轉模式。perspective屬性用于定義父元素的視角距離，即父元素的觀察距離，單位為像素。transform屬性用于定義元素的旋轉方向，有rotateX、rotateY、rotateZ、rotate3d等方法。

/* 定義元素3D旋轉動畫 */
animation: rotate 2s infinite linear;
@keyframes rotate {
from {
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
to {
transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
}
}

我們還可以使用動畫效果讓元素進行3D旋轉。通過使用animation屬性，我們可以定義一個旋轉動畫，并且使用keyframes聲明這個動畫的每一幀效果，從而實現連續的3D旋轉效果。

通過CSS中的這些屬性，我們可以輕松地實現3D旋轉效果，為網頁增加更多生動性、趣味性。