결과물을 먼저 보여드림

https://codepen.io/soonmac/pen/ZEJOLgB

• background: linear-gradient(방향, 시작색상, 끝색상); ▶ 직선 형태의 그라디언트 기본형태

• -webkit-background-clip: text; ▶ 텍스트에만 백그라운드 적용

• -webkit-text-fill-color: transparent; ▶ 텍스트를 투명하게

• background: linear-gradient : 배경에 그라디언트가 깔린다.

• -webkit-background-clip: text; : 텍스트에만 백그라운드가 적용됨 (마스킹이라고 생각하면 편하다)

엥? 달라진 게 없다....

사실은 지금 글씨가 검은색이라서 백그라운드가 입혀져도 티가 안나는거임..

이럴 땐 글자색을 투명하게 바꿔준다.

• -webkit-text-fill-color: transparent; : 텍스트를 투명하게