梯度发生器

梯度发生器

通过实时预览创建自定义 CSS 渐变

实时预览

当前梯度:linear-gradient(180deg, #667eea 0%, #764ba2 100%)linear

出口代码

background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);

渐变控制

360°

添加多种颜色以创建复杂的渐变

位置0%
位置100%

为什么使用我们的梯度生成器?

永久渐变

您的梯度永不过期并永远有效

即时生成

在几秒钟内创建渐变,无需注册

多种格式

一键导出 CSS、SCSS 或 React

关于 CSS 渐变的常见问题