CSS可以非常方便地為網(wǎng)頁添加立體感，讓網(wǎng)頁更具有層次感和逼真感。

/* 三維立體效果 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1);

我們可以利用box-shadow這個屬性，為網(wǎng)頁元素添加立體效果。上面的代碼就可以實現(xiàn)一個立體感非常強的陰影效果。

不僅僅是陰影，我們還可以利用transform屬性為網(wǎng)頁元素添加旋轉(zhuǎn)、平移、縮放等效果。

/* 旋轉(zhuǎn)效果 */
transform: rotate3d(1, 1, 0, 45deg);

上面的代碼可以實現(xiàn)一個在X、Y、Z三個方向上都旋轉(zhuǎn)45度的效果。

當然，如果我們只想讓網(wǎng)頁元素沿著某一個方向旋轉(zhuǎn)，可以這樣寫：

/* X軸旋轉(zhuǎn)效果 */
transform: rotateX(45deg);

還有許多其他的立體效果可以實現(xiàn)，我們可以通過不斷地嘗試和實踐，讓網(wǎng)頁更加生動、立體、有趣。