📈 Box Shadow Generator (Visual)

Drag controls to set the offset, blur, spread and colour of a box shadow and copy the CSS, including inset and multiple layers.

📐 工作原理與說明

拖動控制元件調節 offset / blur / spread / color 並拼裝 box-shadow（支援 inset 與多層陰影），即時預覽並複製；用於快速獲得陰影樣式。

生成數量

📚 深度解析：盒子陰影生成器（視覺化調整）

生成雙層投影

輸入：層1 y2 模糊4 色淡、層2 y8 模糊24 色淡。處理：拼 box-shadow。輸出：預覽與 CSS，可複製。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

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