🌈 CSS渐变文字生成器

Updated: 2026-07-24
60px
90°
🎨 预设渐变方案
Gradient Text

📋 CSS 代码

background: linear-gradient(90deg, #06b6d4, #8b5cf6, #ec4899);\n-webkit-background-clip: text;\n-webkit-text-fill-color: transparent;\nbackground-clip: text;

📖 使用说明

❓ 常见问题

生成的CSS兼容哪些浏览器?

兼容所有现代浏览器(Chrome、Firefox、Safari、Edge)。支持iOS和Android移动端浏览器。

如何在网站中使用渐变文字?

直接复制生成的CSS代码,粘贴到你的CSS文件中目标元素即可。需要3行代码配合使用。

可以只用两种颜色吗?

可以!只需设置起始颜色和结束颜色,中间颜色如果不需要可以忽略。

CSS渐变文字生成器 | 无需注册 · 完全免费

问题反馈: dexshuang@google.com