渐变文本生成器

可视化调节渐变类型、角度与色标，通过 background-image 配合 background-clip:text 把渐变填充到文字上，实时预览渐变文字效果并一键复制生成的 CSS 代码。

渐变参数已就绪

渐变类型

渐变角度

色标

角度仅对 linear / conic 生效；色标按位置由小到大排序后输出，至少保留两个。

实时预览与代码

渐变文字 Gradient

生成的 CSS 将显示在这里。

使用规则

渐变函数写法：linear-gradient(角度, 色标1, 色标2, …)。
色标由「颜色 + 位置」组成，如 #ff6b6b 0%。
裁剪文字需同时声明 background-clip 与 -webkit-background-clip。
务必把文字颜色设为 transparent，否则看不到渐变。
本工具完全在浏览器本地运行，输入数据不会上传到任何服务器。