Css 纯文本渐变铬版

CSS

HTML

你好，世界

---

我在chrome浏览器中看到带有渐变的“Hello World”文本。即使我添加了其他前缀，比如-moz，-mo，我在firefox、opera或IE中都看不到。这可能是什么问题

您需要为-moz和-o添加相同的值（simone注释）

在这里，您可以找到线性渐变的示例。

编辑
不幸的是，前面的海报是正确的

---

您需要为-moz和-o添加相同的内容（simone注释）

在这里，您可以找到线性渐变的示例。

编辑
不幸的是，前面的海报是正确的

---

不幸的是，我认为只有基于WebKit的浏览器才能实现文本填充颜色属性。据我所知，Mozilla还没有解决办法。

不幸的是，我认为只有基于WebKit的浏览器实现文本填充颜色属性。据我所知，Mozilla还没有解决办法。

检查。这是一个很棒的梯度网站。您可以同时为任何浏览器创建任何渐变，并且它还支持旧版本的ie。

检查。这是一个很棒的梯度网站。您可以同时为任何浏览器创建任何渐变，并且它还支持旧版本的ie。

试试这个

<h1>Hello World</h1>

为我在所有浏览器上工作：）

试试这个

<h1>Hello World</h1>

---

为我在所有浏览器上工作：）

我想要的是文本渐变。我想要的是文本渐变。这些不是文本渐变，但文本渐变仅由基于Webkit的浏览器支持。抱歉，若要使用渐变填充文本，您必须使用photoshop等软件进行编辑。因为其他浏览器不支持文本渐变。这将有助于您这些不是文本渐变，但文本渐变仅由基于Webkit的浏览器支持。抱歉，若要使用渐变填充文本，您必须使用photoshop等软件进行编辑。因为其他浏览器不支持文本渐变。这将对你有帮助

    background: $gradient;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;