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