css - 使用颜色制作颜色渐变:

This question already has answers here:

Text gradient with font awesome
                                
                                    （2个答案）
                                
                        
                                2年前关闭。
            
                    
我真的很想知道如何在CSS中的color标签中使用渐变。

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

感谢前进！

最佳答案

根据您必须支持的浏览器，您可以执行以下操作。否则，据我所知，无法对文本进行渐变。

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上却无法使用。

关于css - 使用颜色制作颜色渐变:，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46410385/