CSS3是CSS的最新版本，其中的3D特效是其最具有吸引力的特性之一。CSS3 3D使用WebGL或者CSS轉換來渲染3D圖像，可以實現各種復雜的動畫效果和布局。以下是CSS3 3D的幾種常用用法。

1. 3D轉換
使用CSS3 3D轉換，可以將元素從平面轉換成三維形式，使頁面更加立體。下面是示例代碼：

transform: translate3d(50px, 50px, 0); /*在X、Y、Z軸上移動元素*/
transform: rotate3d(1, 1, 0, 45deg); /*以X軸和Y軸傾斜元素*/
transform: scale3d(0.5, 0.5, 0.5); /*按比例縮放元素*/
transform: perspective(600px); /*定義轉換的視角*/

2. 3D動畫
使用CSS3 3D動畫，可以實現豐富的動態效果。下面是示例代碼：

animation: spin 2s linear infinite; /*表示給元素添加一個動畫，名稱為spin，時長為2秒，線性播放，重復次數為無限*/
@keyframes spin { /*定義動畫*/
0% { transform: rotateY(0deg); }
100% { transform: rotateY(360deg); }
}

3. 3D布局
CSS3 3D布局可以實現比傳統布局更有趣、更復雜的頁面效果。下面是示例代碼：

.container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.box {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-transition: -webkit-transform 2s;
transition: transform 2s;
}
.box:hover {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}

綜上所述，CSS3 3D可以用于各種類型的網頁制作，無論是在動畫、布局還是設計上，都可以實現更多更好更有趣的效果。