用颜色制作颜色渐变：

Question

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

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

感谢您的提前！

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和边缘测试，它适用于这三个，但IE11不起作用。