[CSS] 텍스트에 그라데이션(Gradient) 넣기

 

 

이미지 파일 필요 없이, CSS만으로 글자에 그라데이션(Gradient)를 넣을 수 있다.

 

background: linear-gradient(방향, 컬러1, 컬러2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

 

See the Pen Untitled by 이지민 (@jimin-lee) on CodePen.

 

참고 링크

https://cssgradient.io/blog/css-gradient-text/

https://css-tricks.com/snippets/css/gradient-text/