Firefox上的文本渐变[重复]答案

【问题标题】：Text gradient on firefox [duplicate]Firefox上的文本渐变[重复]
【发布时间】：2013-12-26 20:17:19
【问题描述】：

我为在 chrome 上运行良好的文本创建了一个渐变，我一直在尝试使用 -moz- 在 Firefox 中以相同的方式显示文本，但没有成功。

有没有办法为 Firefox 实现同样的效果？

这是css：

body h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 600;
  background: -webkit-linear-gradient(top, #48e0ff, #ffffff);
  background: linear-gradient(top, #48e0ff, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

【问题讨论】：

标签： html css firefox

【解决方案1】：

不幸的是，虽然 background-clip 是一个有效的 CSS3 属性，但文本值是非标准的。非 webkit 浏览器的常见解决方法是使用 SVG。

我找到了一个 jQuery 插件来处理这个跨浏览器。不过好像有点重。

Demo Github

【讨论】：