CSS 渐变生成器

可视化配置 Linear (线性) 和 Radial (径向) 渐变。支持多色标调节、角度旋转，实时预览并生成标准 CSS 代码。

基本设置

渐变类型

角度90°

颜色节点

#4F46E50%

#EC4899100%

实时预览

CSS Code

background: linear-gradient(90deg, #4f46e5 0%, #ec4899 100%);

/* Firefox 3.6+ */ 
background: -moz-linear-gradient(90deg, #4f46e5 0%, #ec4899 100%); 
/* Chrome, Safari 4+ */ 
background: -webkit-linear-gradient(90deg, #4f46e5 0%, #ec4899 100%);