firefox - Firefox テキストグラデーション

Question

Firefox でテキストのグラデーションを適用する方法があるかどうか疑問に思っていましたか? Chrome と Safari で動作させることができ、コードは次のようになります。

h1 {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#000000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font: bold 4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

しかし、Mozilla 向けのものはないようです。

Answer 1

残念ながら、このプロパティを実装しているのは WebKit ベースのブラウザーだけだと思いtext-fill-colorます。私の知る限り、Mozilla の回避策はまだありません。