CSS 渐变生成器

可视化生成 CSS 线性、径向和锥形渐变。可添加多个颜色节点并复制 CSS。

CSS

  

功能特性

Linear / radial / conic
Multiple color stops
Angle / direction control
Live preview & CSS code

使用方法

1. 选择渐变类型(线性、径向、锥形)。

2. 点击 + 添加颜色节点,拖动调整位置。

3. 调整角度或方向。

4. 复制生成的 CSS。

常见问题

What types of gradients does CSS support?
CSS supports linear, radial, and conic gradients, each with different visual effects.

相关工具