CSS渐变生成器
选择起止颜色、调节渐变角度，实时预览 linear-gradient 效果，一键复制可直接使用的CSS代码。
广告位 · Google AdSense
background: linear-gradient(135deg, #4f6ef7, #7c3aed);
广告位 · Google AdSense
常见问题
渐变可以用在文字上吗？
可以。配合 background-clip: text 和 color: transparent 即可实现渐变文字，本站标题就是这种效果。
选择起止颜色、调节渐变角度，实时预览 linear-gradient 效果，一键复制可直接使用的CSS代码。
background: linear-gradient(135deg, #4f6ef7, #7c3aed);
可以。配合 background-clip: text 和 color: transparent 即可实现渐变文字，本站标题就是这种效果。