Safari에서 "배경 클립: 텍스트"를 사용할 때 이상한 줄이 나타납니다.

Question

CSS를 사용하여 그라데이션 텍스트를 만들려고 합니다. 현재는 Chrome과 Firefox에서 작동하지만 Safari에서는 테두리 바깥쪽에 이상한 선이 보입니다.

내 CSS는 다음과 같습니다...

으아악

내 HTML은 단지 간단합니다...

으아악

하지만 Safari에서는 이렇게 렌더링됩니다.

이 줄을 고치는 데 도움을 줄 수 있는 사람이 있나요?

Answer 1

문제를 clip-path고칠 수 있습니다.

으아악 으아악