功能介绍
多层阴影生成器可以帮助您可视化创建多层 box-shadow 效果，支持自定义每层阴影的偏移、模糊、扩散、颜色和内阴影属性，提供了新拟态、Material Design 等常用预设，最后可以直接复制生成可用的 CSS 代码。
使用方法
- 点击「添加阴影层」添加需要的阴影层数，也可以通过快速预设选择常用效果。
- 调整每层阴影的 X 偏移、Y 偏移、模糊半径、扩散半径，选择阴影颜色，是否设置为内阴影。
- 实时查看卡片/按钮的预览效果，满意后直接复制下方生成的 box-shadow CSS 代码即可使用。
- 不需要的阴影层可以点击「删除」移除，点击「清空所有层」可以全部重新开始。
参数说明
| 参数 | 说明 |
|---|---|
| X 偏移 | 阴影在水平方向的偏移，正数向右，负数向左，单位 px |
| Y 偏移 | 阴影在垂直方向的偏移，正数向下，负数向上，单位 px |
| 模糊半径 | 阴影的模糊程度，数值越大阴影越模糊越柔和，取值 ≥ 0 |
| 扩散半径 | 阴影的扩大/缩小尺寸，正数让阴影变大，负数让阴影缩小，可正可负 |
| 内阴影 inset | 勾选后阴影从外部阴影变为内部阴影，常用于凹陷效果 |
CSS box-shadow 语法
box-shadow 的语法为：box-shadow: [inset] x-offset y-offset blur-radius spread-radius color;，多个阴影层使用逗号分隔。本工具生成的代码直接遵循该语法，可以直接复制到 CSS 中使用。