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;
📖 使用说明
- 🎨 颜色设置 — 选择2-3个颜色创建渐变效果，中间颜色可选
- 🔧 角度调节 — 0°从下到上，90°从左到右，180°从上到下
- 📝 文字编辑 — 支持中文、英文、emoji等任意文字
- 📋 一键复制 — 生成的CSS可直接用于网页设计
❓ 常见问题
生成的CSS兼容哪些浏览器？
兼容所有现代浏览器（Chrome、Firefox、Safari、Edge）。支持iOS和Android移动端浏览器。
如何在网站中使用渐变文字？
直接复制生成的CSS代码，粘贴到你的CSS文件中目标元素即可。需要3行代码配合使用。
可以只用两种颜色吗？
可以！只需设置起始颜色和结束颜色，中间颜色如果不需要可以忽略。