工具功能
CSS阴影生成器是一款可视化的阴影调节工具，帮你快速生成符合需求的 box-shadow CSS代码。你可以调节阴影偏移、模糊、大小、颜色和透明度，还支持添加多层阴影、内阴影，实时预览效果，最终直接复制可用的CSS代码。
使用方法
- 通过滑块调节水平偏移、垂直偏移、模糊半径、扩展半径、透明度参数。
- 选择阴影颜色，勾选「内阴影」即可生成向内的阴影。
- 点击「添加当前阴影」，即可将当前参数保存到阴影列表。
- 重复以上步骤，添加多层阴影，可点击「删除」移除不需要的阴影。
- 在预览区查看最终效果，点击「复制CSS代码」即可复制生成好的代码。
参数说明
| 参数 | 说明 |
|---|---|
| 水平偏移 | 阴影在水平方向的偏移距离，正值向右，负值向左，单位px |
| 垂直偏移 | 阴影在垂直方向的偏移距离，正值向下，负值向上，单位px |
| 模糊半径 | 阴影边缘模糊程度，数值越大阴影越模糊，0为清晰阴影 |
| 扩展半径 | 阴影整体扩大或缩小的尺寸，正值扩大阴影，负值缩小阴影 |
| 透明度 | 阴影颜色的透明程度，0为完全透明，1为完全不透明 |
| 内阴影 | 勾选后阴影会向内显示，常用于按钮、输入框等元素的内部效果 |
语法说明
box-shadow 的标准语法格式：
box-shadow: [inset] <offset-x> <offset-y> <blur-radius> <spread-radius> <color>[, 多个阴影...]
多个阴影用逗号分隔，靠前的阴影会显示在靠后的阴影上方。