渐变生成器

为您的项目创建漂亮的 CSS 渐变

通过实时预览和即时 CSS 导出,设计令人惊叹的线性、径向和圆锥渐变。

渐变类型

方向

90° 360°

颜色

渐变预设

预览

美丽的渐变

CSS代码

出口

如何使用

1

选择渐变类型(线性、径向或圆锥形)

2

设置方向或使用角度滑块

3

添加颜色并调整位置

4

复制 CSS 代码或下载文件

已复制到剪贴板!