CSS 渐变生成器
可视化创建 CSS 线性渐变和径向渐变，实时预览并生成代码
实时预览
CSS 代码
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);渐变设置
渐变类型:
角度: 90°
0°90°180°270°360°
颜色点
1
0%
2
100%
预设渐变
使用说明
• 选择渐变类型：线性渐变或径向渐变
• 线性渐变可以调整角度（0-360度）
• 点击颜色选择器或输入十六进制颜色值来更改颜色
• 拖动滑块调整颜色点的位置（0-100%）
• 至少需要两个颜色点，最多无限制
• 点击"添加颜色"可以增加新的颜色点
• 使用预设渐变可以快速应用常用样式