在线CSS渐变生成器，支持线性与径向渐变、多色标实时预览，一键生成可复制的CSS代码。
适用场景
前端开发者和设计师需要快速生成CSS渐变代码，但手动编写复杂且难以预览效果。
使用步骤
- 1选择渐变类型：线性或径向。
- 2调整角度（线性）或形状和圆心位置（径向）。
- 3添加或修改色标：点击“+ 添加色标”增加颜色，通过颜色选择器和位置输入调整。
- 4实时预览渐变效果，并查看生成的CSS代码。
- 5点击“复制 CSS”按钮复制代码到剪贴板。
输入与输出
输入：渐变类型、角度/形状/位置、色标颜色和位置。输出：实时预览的渐变效果和对应的CSS代码。
适用人群
前端开发者和UI设计师需要快速生成CSS渐变代码的场景。
常见问题
- 如何添加多个颜色？
- 点击“+ 添加色标”按钮，每次添加一个色标，可调整颜色和位置。
- 可以复制生成的CSS代码吗？
- 可以，点击“复制 CSS”按钮即可复制到剪贴板。
- 支持径向渐变吗？
- 支持，选择渐变类型为“径向渐变”即可。