Tool / 14

陰影產生器

← 回工具箱

視覺化堆疊多層 box-shadow,逐層調整位移、模糊、擴散、顏色與 不透明度,棋盤舞台即時預覽,一鍵複製可直接貼用的 CSS。全程在瀏覽器端運算。

預設樣式 · presets
陰影圖層 · layers
水平位移 X 0px
垂直位移 Y 8px
模糊 blur 24px
擴散 spread 0px
不透明度 opacity 25%
陰影顏色 · color
預覽外觀 · preview
舞台底色
Preview 拖曳滑桿即時更新
CSS
box-shadow: ;