CSS 陰影產生器

調整位移、模糊、擴展、顏色和透明度，預覽內外陰影並複製 box-shadow。

水平位移 (px) 垂直位移 (px) 模糊 (px) 擴展 (px)

顏色不透明度內陰影

預覽

內容僅在此瀏覽器處理，不會上傳或儲存。

工具介紹

調整卡片層次時，可分開觀察模糊與擴張；負擴張可縮小輪廓，模糊不可為負。

設計工具

修改選項即時預覽，勾選內陰影使用 inset，完成後複製或下載 CSS。位移及擴展可為負，範圍 -200 至 200px；模糊為 0–200px，透明度為 0–100%。工具產生單層陰影。

模糊讓邊緣柔和，擴張改變陰影輪廓大小。inset 可產生內陰影；一次輸出一層，多層需在 CSS 中自行組合。

水平位移負值向左，垂直位移負值向上；正值則向右、向下。輸出為盒子的 box-shadow，不是沿圖片不透明部分輪廓產生的陰影。