色でグラデーションを作成してください：

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とエッジでテストしており、それはこれら3つに動作しますが、IE11では動作しません。