CSS 渐变生成器

创建精美的 CSS 渐变,支持实时预览和代码导出。支持线性、径向和锥形渐变,可自定义颜色和位置。

使用方法

  1. 选择渐变类型(线性、径向或锥形)
  2. 自定义颜色、角度、形状和位置
  3. 复制 CSS 代码或从预设渐变中选择

输入

渐变类型

角度

deg

颜色停止点

%
%

预设渐变

线性

径向

锥形

输出

预览