반응형

*HTML/CSS폰트 그라데이션 설정

- background: linear-gradient( 방향, 시작 색상, 끝 색상); (방향에는 top, right, bottom, left 및 50deg 등의 설정이 가능하다.)

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

- -webkit-text-fill-color: transparent; 적용 시 텍스트를 투명하게 만든다.

background: linear-gradient( to right, rgb(0, 247, 255), yellow ); // 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

그라데이션 적용 예

 

반응형

+ Recent posts