渐变生成器 | CSS 渐变工具

可视化创建漂亮的 CSS 渐变效果。支持线性和径向渐变。

0%
100%

使用说明

  • 选择渐变类型(线性或径向)。
  • 调整线性渐变的角度。
  • 添加、删除或修改颜色停靠点以创建所需的渐变。
  • 复制生成的 CSS 代码。

关于 CSS 渐变

线性渐变 (Linear Gradient)

沿直线过渡颜色。您可以控制过渡的方向/角度。

径向渐变 (Radial Gradient)

从中心点向外呈圆形或椭圆形过渡颜色。