Safari で「background-clip: text」を使用すると奇妙な行が表示される

Question

CSSを使用してグラデーションテキストを作成しようとしています。現在、Chrome と Firefox では動作しますが、Safari では境界線の外側に奇妙な線が表示されます。

私のCSSは次のようになります...

リーリー

私の HTML は単なる単純なものです...

リーリー

ただし、Safari では次のように表示されます。

誰かがこれらの行を修正するのを手伝ってくれませんか?

Answer 1

clip-path を試して修正してください:

リーリー リーリー