CSS 盒陰影生成器

使用方法

1. 卡片上已經有一個柔和陰影——拖動任意滑塊（X/Y 偏移、模糊、擴充套件）、選顏色與透明度，或勾選「內陰影」做內陰影。一切即時變化，無需點選按鈕。
2. 點選預設 chip（柔和浮起、強投影、內凹、霓虹輝光、雙層、新擬態）即可一鍵載入現成效果。
3. 用「+」增加圖層以堆疊陰影；每層獨立編輯。一鍵複製完整的 box-shadow 宣告。

範圍、限制與常見問題

• 僅做 box-shadow：不做 drop-shadow() 濾鏡、不做 text-shadow，CSS 也不支援漸層陰影——均不在範圍內。
• 顏色來自取色器加透明度滑塊；我們不解析使用者貼上的 CSS 顏色字串，也就沒有拼錯或誤讀的空間。
• 新擬態依賴淺色表面——在極深背景上可能看不出效果，這是該風格本身的特性，並非缺陷。
• 不儲存、分享連結不帶引數：重新整理即回到預設的柔和浮起。一切都在你的瀏覽器裡完成。