渐变生成
CSS Gradient 生成器
可视化创建线性或径向渐变，实时预览并复制 CSS 背景代码
linear-gradient(135deg, #667eea 0%, #764ba2 100%)
渐变设置
渐变类型
渐变角度135°
颜色节点
%
%
CSS 代码
.gradient {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}渐变预设
💡 使用说明
1选择线性渐变或径向渐变类型
2调整线性渐变角度和颜色节点位置
3点击颜色预览或输入框编辑颜色
4使用预设快速套用常见渐变配色
5复制 CSS 或背景属性到项目中使用
6所有处理均在浏览器本地完成