使用颜色制作颜色渐变：

Question

我真的想知道如何在css中使用color标记的渐变。

通常我会使用background: linear-gradient(90deg, #0FCBF4, #4609FC);作为渐变，但在我的情况下，我只能使用color标记。 （使用color渐变不起作用） 我试图将其更改为background，但我没有成功。

感谢Advance！

Answer 1

根据您需要支持的浏览器，您可以执行类似的操作。否则，据我所知，没有办法在文本上制作渐变。

h1 span {
  font-size: 72px;
  background: -webkit-linear-gradient(90deg, #0FCBF4, #4609FC);
  background: linear-gradient(90deg, #0FCBF4, #4609FC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

<h1><span>Test</span></h1>

我已经在Firefox，Chrome和Edge上进行了测试，它适用于这三种，但在IE11上无效。