私のウェブサイトでは、見出しにテキストグラデーションを使用していますが、Chrome とおそらく Safari でのみ機能します (テストはしていませんが)。グラデーションに使用しているコードを以下に示します。3つのブラウザすべてで機能する同じ/類似の効果を達成する方法があるかどうか疑問に思っていましたか?
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
編集:投稿された他のソリューションの問題は、コメントで誰かが言ったように、白い背景でしか機能しないことです。これは、灰色の背景を使用しているため、私には適していません。