CSS3是CSS的升級版，提供了許多新特性。其中，3D效果是CSS3中的重要特性之一。CSS3的3D效果可以讓網頁具有更加生動、真實的效果，這對于網頁的交互和視覺效果都是非常有幫助的。

/* 3D旋轉 */
.box{
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d;
position: relative;
}
.box:hover{
transform: rotateX(180deg);
}
/* 透視 */
.container{
perspective: 1000px;
}
/* 3D立方體 */
.container{
perspective: 1000px;
}
.cube{
position: relative;
transform-style: preserve-3d;
transform-origin: center center;
}
.front, .back, .right, .left, .top, .bottom{
position: absolute;
width: 200px;
height: 200px;
}
.front{
transform: translateZ(100px);
}
.back{
transform: translateZ(-100px);
}
.right{
transform: rotateY(90deg) translateZ(100px);
}
.left{
transform: rotateY(90deg) translateZ(-100px);
}
.top{
transform: rotateX(90deg) translateZ(-100px);
}
.bottom{
transform: rotateX(90deg) translateZ(100px);
}

以上是CSS3 3D效果的一些代碼演示。通過使用一些簡單的代碼，你也可以輕松實現炫酷的3D動畫效果，提升網頁的交互體驗。但是需要注意的是，過多復雜的3D效果會降低網頁的加載速度，同時也會影響用戶的使用體驗。因此，在使用3D效果時需要謹慎權衡。