CSS 渐变生成器

直观地创建美丽的 CSS 线性及径向背景渐变。

控制面板 (Controls)

90°
#4f46e5
#ec4899

CSS 代码

/* Primary background (fallback) */
background: #4f46e5;

/* CSS Gradient */
background: linear-gradient(90deg, #4f46e5, #ec4899);

Tools.CssGradient.guide.title

Tools.CssGradient.guide.description

Tools.CssGradient.guide.guide_1_title

Tools.CssGradient.guide.guide_1_desc

Tools.CssGradient.guide.guide_2_title

Tools.CssGradient.guide.guide_2_desc

Tools.CssGradient.guide.guide_3_title

Tools.CssGradient.guide.guide_3_desc