DESIGN · CSS GRADIENT

CSS 渐变生成器

可视化编辑 linear / radial / conic 渐变色标，实时预览效果，一键复制 CSS 代码。

渐变类型

角度 (135°)

Repeating

色标 (3)

50%

100%

预设模板

CSS CODE

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

支持 linear / radial / conic 三种渐变类型，可视化编辑色标位置和颜色，实时预览生成的 CSS 代码。