🌓 CSS 阴影生成器

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

X 偏移 0px

Y 偏移 4px

模糊半径 20px

扩散半径 0px

颜色

透明度 0.3

内阴影 (inset)

预设

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

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

🧭 已探索 - / 1965 个工具 🎲 随机试一个

Q: 支持内阴影吗？

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

Q: 有预设吗？

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

JSON格式化 AI对话二维码生成 PDF压缩个税计算 Base64编码时间戳转换今日运势纪念日计算复利计算求职工具箱全部工具 →

🔥 大家都在用基于 9 月真实数据