box-shadow 生成器

此工具可用於構建 CSS box-shadow 特效，從而為您的 CSS 物件新增盒陰影特效。

Box-shadow 生成器可讓您為一個元素新增一個或多個盒陰影。

開啟工具後，您會在工具的右上角找到一個矩形。這就是您要應用陰影的元素。當此元素被選中時（首次載入頁面時即是如此），您可以對其應用一些基本樣式。

• 使用顏色選擇器工具設定元素的 color。
• 使用“border”複選框為元素設定 border。
• 使用滑塊設定元素的 top、left、width 和 height 屬性。

要新增盒陰影，請單擊左上角的“+”按鈕。這將新增一個陰影，並將其列在左側的列中。現在您可以設定新陰影的值。

• 使用顏色選擇器工具設定陰影的 color。
• 使用“inset”複選框將陰影設定為內嵌。
• 使用滑塊設定元素的位置、模糊和擴散。

要新增另一個陰影，請再次單擊“+”。現在您設定的任何值都將應用於此新陰影。使用左上角的 ↑ 和 ↓ 按鈕更改這兩個陰影的應用順序。透過單擊左側列中的第一個陰影再次選中它。要更新元素自身的樣式，請透過單擊頂部標有“element”的按鈕來選中它。

您可以為元素新增 ::before 和 ::after 偽元素，併為它們也新增盒陰影。要切換元素及其偽元素，請使用頂部標有“element”、“::before”和“::after”的按鈕。

右下角的框包含元素以及任何 ::before 或 ::after 偽元素的 CSS。