CSS3是前端UI開發中常用的樣式表語言，可以提供更為豐富的效果和功能。尤其是在3D效果上，CSS3支持的效果非常多，可以讓頁面展現出立體的空間感，提高用戶的交互體驗。

以下是CSS3中常用的3D效果集合：

/* 3D旋轉 */
.box {
transform: rotateX(45deg) rotateY(45deg);
}
/* 3D翻轉 */
.box {
transform-style: preserve-3d;
transition: 1s;
}
.box:hover {
transform: rotateX(180deg);
}
/* 3D扭曲 */
.box {
transform: skewX(30deg) skewY(40deg);
}
/* 3D縮放 */
.box {
transform: scale3d(2, 2, 2);
}
/* 3D透視 */
.box {
perspective: 1000px;
}
.box img {
transform: rotateY(45deg) translateZ(200px);
}
/* 3D平移 */
.box {
transform: translate3d(100px, 0, 0);
}
/* 3D傾斜 */
.box {
transform: matrix3d(
1, 0, 0, 0,
0, 1, 0, 0,
0.5, 0.5, 1, 0,
0, 0, 0, 1
);
}

使用CSS3的3D效果可以很好的展現出頁面元素的空間感，提高頁面的交互性和可視性。同時，要注意兼容性問題，部分舊版本的瀏覽器不支持CSS3的部分屬性和效果，需要進行兼容性處理。