🌓 CSS 阴影生成器

可视化生成 CSS box-shadow：调节偏移/模糊/扩散/颜色，实时预览，一键复制。前端开发者必备工具。

X 偏移 0px

Y 偏移 4px

模糊半径 20px

扩散半径 0px

颜色

透明度 0.3

内阴影 (inset)

预设

柔和阴影卡片阴影深阴影内凹阴影蓝色光晕绿色光晕

box-shadow: 0 4px 20px rgba(142, 68, 173, 0.3);

Q: 支持内阴影吗？

A: 支持。勾选「内阴影 (inset)」选项即可生成 inset box-shadow。

Q: 有预设吗？

A: 有 6 种预设：柔和阴影、卡片阴影、深阴影、内凹阴影、蓝色光晕、绿色光晕。