渐变生成
CSS 渐变生成器
拖动色标、调整角度，实时生成可直接使用的 CSS 渐变代码。
类型
CSS 代码
复制上面的 CSS，把 .gradient 类添加到你的元素上即可使用；.gradient-fallback 为旧浏览器的纯色兜底写法。
预设渐变
工具介绍与使用说明
📘渐变生成器可视化地构建线性 / 径向 / 锥形 CSS 渐变，支持多色标与实时预览，输出可直接粘贴到项目。
- 选渐变类型后，在色条上点选添加色标（最多 8 个），拖动调整位置与角度，90° 为横向渐变。
- 点色标改色，双击或删除按钮增减色标；右侧实时显示 CSS 代码。
- 需要纯色块时把渐变导出为 PNG；移动端同样可拖拽色标操作。
使用提示
💡- 至少放 2 个色标；拖动色标调整角度与位置，角度决定渐变方向（90° 为横向）。
- 点色标可改色，双击或删除按钮可增减色标数量（最多 8 个）。
- CSS 代码可直接粘进项目；需要纯色块时把渐变导出为 PNG。