渐变文字
渐变文字生成器
把任意文字变成双色渐变标题,实时预览并导出可直接粘贴的 CSS。
实时预览
需要浏览器支持 background-clip: text工具介绍与使用说明
📘渐变文字生成器把任意文本做成双色渐变标题,实时预览并输出 background-clip 渐变文字的 CSS。
- 输入文字,选起始色与结束色,调整角度即可得到渐变文字效果。
- 点「交换颜色」快速调换起止色;预览区实时显示效果。
- 复制 CSS 直接贴进项目;渐变文字依赖 background-clip:text,老旧浏览器会回退为纯色。
使用提示
💡- 双色夹角 120°~160° 最自然,太近的色相会显得单调。
- 渐变文字只做大标题,正文务必保持纯色以保证可读性。
- 复制出的 CSS 用 background-clip: text,注意给不支持的浏览器留兜底色。