Adjust offset, blur, spread and colour to produce CSS box-shadow code, with multiple layers for layered depth.

📐 計算公式 / 原理

按 offset-x / offset-y / blur / spread / color 拼裝 box-shadow 宣告，支援多層疊加與 inset 內陰影，即時預覽並複製；用於元素立體感與層次設計。

📚 深度解析：陰影生成器

生成柔和投影

輸入：x0 y8 模糊 24 擴散 0 色 rgba(0,0,0,.12)。處理：拼 box-shadow。輸出：預覽與 CSS，可加多層。

多層陰影怎麼寫？: 用逗號分隔多個 shadow 值即可疊加。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
生成的程式碼/圖片能直接用嗎？: 可直接複製使用，建議粘到專案後在瀏覽器實測微調；本工具只生成不託管。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

⚠️ 使用說明與注意事項

🎭 CSS Box Shadow Generator