阴影生成器

CSS 阴影生成器

可视化调整 box-shadow 参数，实时预览效果，自动生成 CSS 代码。 支持分别控制水平偏移、垂直偏移、模糊半径、扩散距离以及阴影颜色， 调整过程中可以直观看到卡片或按钮的悬浮层次变化。

常见用途

• 为卡片、弹窗添加悬浮层次感
• 设计按钮的按压与悬浮阴影状态
• 模拟 Material Design 的 elevation 效果

使用说明

阴影越柔和、偏移越小，界面越轻盈；模糊值过大会让元素显得模糊发虚， 实际项目中通常配合浅灰色阴影使用。调整完成后复制生成的代码即可。

需要多层阴影叠加时，可以在工具生成的基础上自行补充， 每层阴影之间用逗号分隔即可生效。