工具 指南
design 免费 无需注册

二维码生成器

可视化构建CSS box-shadow值，支持实时预览和多层叠加。

正在加载工具…

关于此工具

无需猜测数字即可设计CSS阴影。交互式调整水平和垂直偏移、模糊半径、扩展、颜色以及inset标志。叠加多个阴影层以实现复杂的深度效果。实时预览卡片即时显示效果，完整的CSS声明随时可供复制。

使用方法

  1. 1 调整第一层的偏移、模糊和扩展滑块。
  2. 2 选择阴影颜色，如需要可切换inset。
  3. 3 点击"添加层"叠加更多阴影以实现复杂效果。
  4. 4 复制box-shadow CSS声明并粘贴到您的样式表中。

常见问题

相关工具
二维码生成器

可视化构建CSS线性和径向渐变，并复制可直接使用的CSS属性。
颜色转换 (HEX, RGB, HSL)

在 HEX、RGB、HSL、HSV 和 CMYK 之间转换颜色 — 实时预览。
二维码生成器

从任意基色生成和谐的调色板——互补色、三色、类似色和分裂互补色。
{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}