1 色で描かれたテキストからアニメーション化されたグラデーションにスムーズに移行することは可能ですか?

Question

ページ上に白いテキストとその下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color プロパティが transparent になり、グラデーションに合わせてテキストの色が突然変わります。

以下に示すように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ

白からグラデーションへのスムーズな移行を実現することは可能ですか? (-webkit-text-fill-color 属性は transition を直接サポートしません)

Answer 1

CSS の color プロパティは変換可能なので、それを使用します。

リーリー