ページ上に白いテキストとその下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color
プロパティが transparent
になり、グラデーションに合わせてテキストの色が突然変わります。
以下に示すように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ
白からグラデーションへのスムーズな移行を実現することは可能ですか?
(-webkit-text-fill-color
属性は transition
を直接サポートしません)
CSS の color プロパティは変換可能なので、それを使用します。