跳到内容

🌫 CSS box-shadow 生成器

使用滑块编辑 box-shadow。可叠加多个阴影并复制 CSS。

✅ 完全免费 · 无需注册 · 不发送到服务器

🔒 关于隐私

阴影层

预设

📖 使用方法

  1. 1
    调整滑块
    调整 x / y 偏移、模糊、扩展、颜色和 inset。
  2. 2
    叠加多层
    使用添加按钮叠加多个阴影。
  3. 3
    复制 CSS
    复制生成的 box-shadow 属性。

❓ 常见问题

数据会发送到服务器吗?
不会。一切都在您的浏览器中运行。
inset 是什么?
启用 inset 时,阴影绘制在元素内部。
可以叠加多少个阴影?
无上限,但 5 个以内较实用。

🔗 相关工具

🐛 此工具出现问题了吗?

免费、无需注册。仅提供复现步骤也有帮助。报告将直接发送给运营者并用于改进。

※ 为复现问题,浏览器信息 (UA / 屏幕 / 语言 / URL) 将自动发送