CSS-3D旋轉是一種利用CSS技術實現3D動畫效果的方法。通過CSS中的3D旋轉屬性，可以讓網頁元素在3D空間中旋轉、翻轉、縮放等，增強頁面的交互性和視覺效果。

transform: translate3d(0, 0, 0); /* 開啟 GPU 加速，提升動畫性能 */
transform: rotateY(30deg); /* Y 軸旋轉 30 度 */
transform: rotateX(-30deg); /* X 軸旋轉 -30 度 */
transform: rotateZ(45deg); /* Z 軸旋轉 45 度 */
transform: rotate3d(1, 1, 1, 60deg); /* 以 1,1,1 為旋轉軸，旋轉 60 度 */

使用CSS-3D旋轉時，需要注意以下幾點：

• 開啟GPU加速：為了提升動畫性能，應該在元素上使用translate3d(0, 0, 0)屬性來開啟GPU加速。
• 支持性較差：雖然現代瀏覽器大多支持CSS-3D旋轉，但某些瀏覽器（如IE8及以下版本）不支持此功能，需要注意兼容性問題。
• 注意透視效果：CSS-3D旋轉涉及到3D空間的投影和透視，需要合理控制透視效果，以獲得更好的視覺效果。