CSS 3D 陰影是 CSS 中一種新的渲染技術，可以讓網站更加逼真和具有3D效果。通過使用 CSS 3D 陰影，可以在頁面上創建逼真的陰影效果，使得物體、文本和其他元素具有更加自然的外觀。

在 CSS 3D 陰影中，我們使用 `box-shadow` 屬性來創建陰影效果。這個屬性可以設置多個子選項，包括顏色、強度、位置和形狀等。其中，顏色選項是最基本的子選項，它指定陰影的顏色。我們可以通過將 `color` 屬性設置為一個顏色值來設置陰影的顏色。其他選項，如強度、位置和形狀，也可以通過重復子選項來設置。

下面是一個使用 CSS 3D 陰影的簡單例子，展示如何在頁面上創建一個簡單的陰影效果：

```html

<div style="width: 100px; height: 100px; background-color: blue;">

<div style="box-shadow: 0px 0px 10px #ff0000;"></div>

</div>

在這個例子中，我們使用了一個藍色的背景，并在頁面中心放置了一個具有陰影效果的標簽。我們使用 `box-shadow` 屬性設置了一個淡藍色的陰影，顏色為 #ff0000。這個陰影效果看起來非常出色，因為它使得文本和元素具有了逼真的3D效果。

CSS 3D 陰影不僅可以用于創建簡單的陰影效果，還可以用于創建復雜的陰影效果。例如，我們可以使用陰影來模擬陽光、天氣變化等環境效果。下面是一個使用 CSS 3D 陰影模擬陽光的例子：

```html

<div style="width: 100px; height: 100px; background-color: blue;">

<div style="box-shadow: 0px 0px 10px #ff0000;"></div>

<div style="transform: rotateY(45deg); box-shadow: 0px 0px 10px #ff0000;"></div>

</div>

在這個例子中，我們使用了一個旋轉的垂直背景，并在其中添加了兩個具有陰影效果的標簽。我們使用 `transform` 屬性設置了旋轉角度，使得陰影效果更加逼真。我們還使用 `box-shadow` 屬性設置了兩個不同的陰影效果，一個是基于垂直方向的，另一個是基于水平的。

總之，CSS 3D 陰影是一種非常有用的技術，可以用于創建逼真的3D效果和復雜的陰影效果。通過掌握 CSS 3D 陰影，我們可以更加輕松地創建高質量的網站和應用程序。