Firefox文本渐变 [英] Firefox text gradient

问题描述

我想知道是否有一种方法在Firefox中应用文本渐变？我可以在Chrome和Safari中使用它，代码如下：

I was wondering if there is a way to apply a text gradient in Firefox? I can get it to work in Chrome and Safari and the code goes like:

h1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font: bold 4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

但是似乎没有任何东西出现在Mozilla。 p>

But there doesn't seem to be anything out there for Mozilla.

推荐答案

不幸的是，我认为只有基于WebKit的浏览器实现 text-fill-color 属性。据我所知，Mozilla还没有解决方法。

Unfortunately, I think only WebKit-based browsers implement the text-fill-color property. As far as I'm aware, there is no workaround for Mozilla yet.

这篇关于Firefox文本渐变的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！