CSS3是現代網頁設計中不可或缺的一環，其中的3D立體效果更是實現了網頁設計師的一個夢想。CSS3可以通過transform屬性和perspective屬性來實現3D立體效果。下面一一介紹。

/* 使用transform屬性實現3D立體效果 */
.box {
transform: translateZ(100px);
}

以上代碼使用了transform屬性中的translateZ函數來實現3D立體效果。其中的100px表示物體向人眼方向靠近的距離，常常我們也用z軸來表示。

/* 使用perspective屬性實現3D立體效果 */
.container {
perspective: 100px;
}
.box {
transform: rotateY(45deg);
}

以上代碼中，container元素使用了perspective屬性來定義3D場景的距離，而box元素則使用了transform屬性中的rotateY函數來實現繞y軸旋轉45度的3D效果。

CSS3的3D轉換，能夠讓網頁的視覺效果更加豐富，充分展示設計師的創意和想象力。