跳到内容

🌫 CSS box-shadow 生成器

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

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

🔒 关于隐私

阴影层

预设

📖 使用方法

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

❓ 常见问题

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

🔗 相关工具