🌈 CSS 渐变生成器

关于 CSS 渐变生成器

这个渐变生成器完全在你的浏览器中运行。选择渐变类型（线性、径向或圆锥），设置角度，按需添加色标，然后将生成的 CSS 代码直接复制到你的项目中。整个过程不会上传任何数据到服务器。

渐变类型

• 线性 —— 颜色沿指定角度的直线过渡。是背景和按钮最常见的渐变类型。
• 径向 —— 颜色从中心点向外辐射。适合聚光灯效果和圆形元素。
• 圆锥 —— 颜色围绕中心点旋转扫描，如同饼图。适合创建色轮和仪表盘效果。

如何使用生成器

1. 从下拉菜单中选择渐变类型。
2. 对于线性渐变，调整角度滑块（0–360°）。
3. 使用颜色选择器添加、删除或更改色标。
4. 预览会即时更新。
5. 点击复制 CSS将生成的代码复制到剪贴板。

常见问题

可以添加多少个色标？ 没有硬性限制。大多数浏览器支持数十个色标，不过 2–5 个是干净渐变的典型数量。

圆锥渐变在所有地方都支持吗？ 圆锥渐变在所有现代浏览器中都受支持。对于旧版浏览器，建议考虑线性渐变作为回退。

可以用于商业项目吗？ 可以。生成的 CSS 可自由用于任何项目。