設計
CSS 陰影產生器
視覺化產生 box-shadow。
使用方法
從預設或單層開始，然後添加層次營造深度。切換內陰影以呈現按下/新擬物效果。複製逗號分隔的值到 box-shadow 屬性。
常見問題
可以堆疊多個陰影嗎？
可以——新增圖層可將柔和的環境陰影與緊實的接觸陰影組合，或堆疊彩色光暈。每個圖層都有獨立的偏移、模糊、擴散、顏色與內陰影開關。
這些預設有什麼作用？
一鍵套用起點：Stripe 風格卡片層次、新擬物化凸起/按壓、Material 深度與柔和光暈——套用後可繼續調整滑桿。
如何使用輸出結果？
將 box-shadow 這一行複製到 CSS 中。多個圖層以逗號分隔，格式完全符合瀏覽器要求。
最後更新日期: