彩虹渐变文字生成器
自定义颜色、方向，生成 CSS background-clip: text 渐变文字效果。
Hello, World!
CSS 代码
预设调色
色标（2–5个）
什么是 CSS 渐变文字？
渐变文字通过三条 CSS 属性实现：先用 background 定义渐变色，再用 -webkit-background-clip: text 将背景裁剪至文字形状，最后用 -webkit-text-fill-color: transparent 让文字本身变透明，露出背景渐变。
浏览器兼容性
现代浏览器（Chrome、Safari、Firefox 49+、Edge）均支持该特性。为保险起见，代码同时输出带 -webkit- 前缀的版本。
常见问题
- 文字消失了？ 确保父容器背景不是透明以外的颜色，且
background-clip和text-fill-color两条都生效。 - 渐变只显示一种颜色？ 检查
background-size是否被 reset，默认100%即可。