🌓 CSS 阴影生成器
可视化生成 CSS box-shadow：调节偏移/模糊/扩散/颜色，实时预览，一键复制。前端开发者必备工具。
柔和阴影
卡片阴影
深阴影
内凹阴影
蓝色光晕
绿色光晕
box-shadow: 0 4px 20px rgba(142, 68, 173, 0.3);
📌 工具速览
免费在线 CSS box-shadow 阴影生成器：可视化调节偏移/模糊半径/扩散半径/颜色/透明度，实时预览效果，一键复制 CSS 代码。6 种预设阴影，支持 inset 内阴影。前端开发者必备。
📘 使用说明
- 调节 X/Y 偏移、模糊半径、扩散半径
- 设置颜色和透明度
- 可选内阴影 (inset)
- 一键复制 CSS 代码
❓ 常见问题
Q: 支持内阴影吗？
A: 支持。勾选「内阴影 (inset)」选项即可生成 inset box-shadow。
Q: 有预设吗？
A: 有 6 种预设：柔和阴影、卡片阴影、深阴影、内凹阴影、蓝色光晕、绿色光晕。
📅 内容更新于
·
📚 收录 2378+ 在线工具
·
🤖 适配 AI 搜索引用（豆包/DeepSeek/Kimi/文心/ChatGPT）
