工具介绍
CSS渐变生成器帮助你在线可视化生成线性渐变、径向渐变CSS代码，支持添加多个色标，调整色标位置和颜色，实时预览效果，直接复制可用代码。
使用方法
- 选择渐变类型：支持线性渐变和径向渐变两种常用类型。
- 线性渐变可以调整渐变角度（单位：度），范围0-360度。
- 管理色标：可以添加色标、删除多余色标（最少保留2个），每个色标可以设置颜色和位置（0-100%）。
- 实时预览效果，满意后点击「复制代码」按钮复制生成的CSS代码。
渐变语法说明
| 类型 | 语法 |
|---|---|
| 线性渐变 | background: linear-gradient(角度deg, 颜色1 位置1%, 颜色2 位置2%, ...); |
| 径向渐变 | background: radial-gradient(形状, 颜色1 位置1%, 颜色2 位置2%, ...); |
本工具生成的径向渐变默认使用常用的圆形（circle）渐变。
注意事项
- 渐变是CSS3标准属性，所有现代浏览器都支持，不需要添加私有前缀。
- 色标位置建议按从小到大排序，否则可能出现不符合预期的效果。
- 位置范围是0%-100%，超出范围无效。