返回示例列表

CSS 渐变生成器

实时预览

渐变编辑器

点击添加 · 拖拽调整 · 双击删除
点击上方渐变条添加或选择颜色节点

参数设置

0° 180° 360°

CSS 代码

background: linear-gradient(90deg, #a55eea 0%, #48dbfb 100%);

预设模板

使用提示

  • 点击渐变条空白处添加新颜色
  • 拖拽节点调整颜色位置
  • 双击节点快速删除
  • 支持线性、径向、锥形三种渐变