CSS阴影生成器
box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.3);
预设阴影
💡 这个位置等你来 — 软广告位 / 友情链接 / 合作开发 正在开放中 查看价格

📘 使用说明

  1. 拖动 X / Y / blur / spread 滑块
  2. 调整颜色与透明度,预览方块同步变化
  3. 支持「内阴影」开关,多重阴影可叠加

❓ 常见问题

Q: 怎么做 Material 风格的卡片阴影?
A: 工具左侧「Material 预设」直接给出 elevation 1-24 对应的阴影参数。
Q: 阴影会导致页面性能问题吗?
A: 单层 box-shadow 影响很小;大量叠加 + 大 blur 半径在低端机上会卡顿,建议 blur ≤ 24px。
👉 下一步 🏆 看看周榜热门 🧩 工作流中心 🔍 全部工具分类