◐

CSS 渐变生成器

可视化创建 CSS 线性和径向渐变，一键复制 CSS 背景代码。

Type

Angle: 135°

Color Stops

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

使用说明

选择渐变类型（线性或径向）和方向
添加颜色节点并设置各节点的颜色和位置
实时预览渐变效果，满意后复制 CSS 代码直接用于项目

常见问题

渐变生成器有什么用?: 帮助设计师和开发者可视化创建 CSS 渐变背景，无需手动编写复杂的 CSS 代码，直接复制生成的样式即可使用。
支持哪些渐变类型?: 支持线性渐变（linear-gradient）和径向渐变（radial-gradient），可自定义角度、颜色节点和透明度。
生成的 CSS 兼容所有浏览器吗?: 生成的 CSS 使用标准语法，兼容所有现代浏览器（Chrome、Firefox、Safari、Edge）。