56px
渐变文字
什么是渐变文字生成器？
渐变文字生成器会为你的文字应用平滑的多色渐变，并输出可直接使用的 CSS。实时预览效果，并将 CSS 类直接复制到样式表中。
如何使用渐变文字生成器
- 输入文字并选择渐变色。
- 选择方向并调整字体大小。
- 复制 CSS 并粘贴到样式表中。
了解更多▾
CSS 渐变文字如何工作
CSS 渐变文字使用 background: linear-gradient(...) 结合 -webkit-background-clip: text 和 -webkit-text-fill-color: transparent。这会将渐变裁剪到文字形状，使字母呈现出填充渐变色的效果。
常见问题
这在所有浏览器中都有效吗？
是的。为了广泛兼容，已包含 -webkit 前缀。