🎨 CSS 渐变代码生成
可视化调节渐变类型、颜色与位置，实时预览并生成 CSS background 代码
📐 线性渐变
🔵 径向渐变
🔺 圆锥渐变
CSS Gradient Preview
🎯 渐变色标
⚙️ 参数设置
0°90°360°
📋 CSS 代码
background
🎨 预设渐变方案
💡 使用提示
· 线性渐变：调整角度和色标位置，生成
· 径向渐变：选择形状和圆心位置，生成
· 圆锥渐变：调整起始角度和圆心，生成
· 色标编辑：点击颜色块选取颜色，拖动滑块调整位置，点击 ✕ 删除色标
· 预设方案：点击预设卡片一键应用经典渐变色方案
· 线性渐变：调整角度和色标位置，生成
linear-gradient(angle, color1 pos, color2 pos)· 径向渐变：选择形状和圆心位置，生成
radial-gradient(shape at x y, ...)· 圆锥渐变：调整起始角度和圆心，生成
conic-gradient(from angle at pos, ...)· 色标编辑：点击颜色块选取颜色，拖动滑块调整位置，点击 ✕ 删除色标
· 预设方案：点击预设卡片一键应用经典渐变色方案