用顏色製作顏色漸變：

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不起作用。