工具简介
CSS 渐变文字生成器可快速生成文字渐变效果，并输出可直接使用的 CSS 代码。
核心功能
- 支持自定义文本内容。
- 支持起止颜色和渐变角度调节。
- 支持字体大小实时预览。
- 支持复制完整 CSS 与渐变值。
使用步骤
- 输入要展示的文字。
- 设置起止颜色、角度和字号。
- 查看右侧效果预览。
- 复制 CSS 代码到项目中。
隐私说明
生成与预览均在本地浏览器完成，不会上传输入内容。
CSS渐变文字生成器
在线生成 CSS 渐变文字效果，支持自定义文字、双色渐变与角度，实时预览并一键复制代码
设置
预览
渐变文字
预览仅用于展示效果，复制 CSS 后可应用到任意元素。
CSS代码
.gradient-text {
background: linear-gradient(135deg, #667eea, #764ba2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}