Box Shadow 產生器

Box Shadow 產生器讓你用滑桿即時調整陰影效果，支援多圖層陰影疊加，並提供 Material、Neumorphism、Neon 等 8 種精選預設，調整好後直接複製 CSS 程式碼。

功能說明

1. 5 個可調參數：X 偏移（左右）、Y 偏移（上下）、模糊半徑（邊緣柔化程度）、擴散半徑（整體大小）、透明度，各有獨立滑桿。
2. 多圖層陰影：點擊「新增陰影圖層」可疊加多個陰影，真實設計中常見 2–3 層陰影疊加以產生更自然的立體感（如 Material Design 規範）。
3. Inset 內陰影：勾選 Inset 將陰影翻轉到元素內部，常用於製作按壓感按鈕或凹陷卡片效果。
4. 3 種預覽背景：淺色、深色、漸層背景切換，讓你在不同底色下確認陰影效果是否理想。
5. 8 種精選預設：Flat（無陰影）、Subtle（微陰影）、Card（卡片）、Material（Material Design 三層）、Dramatic（大景深）、Neon Blue（霓虹）、Neumorphism（新擬態）、Inset（內陰影）。
6. 一鍵複製 CSS：輸出完整的 box-shadow: ...; 語法，可直接貼入 CSS、Tailwind 的 style 屬性或任何設計工具。