본문 바로가기

코딩/HTML, CSS

폰트에 그라디언트 넣기

728x90

background: linear-gradient(to left top , #75019a, c44a8 ); // 직선 형태의 그라디언트 기본형태

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

color: transparent; // 그라디언트 보여주려면 텍스트를 투명하게 해야함 

 

 

 



'코딩 > HTML, CSS' 카테고리의 다른 글

animation속성 forwards, willchange  (0) 2021.10.11
자잘한 팁  (0) 2021.10.11
중앙 정렬 방법, header 정렬  (0) 2021.10.11
BEM / Block, Element, Modifier  (0) 2021.10.11
justify-content , align-items 사용 예제  (0) 2021.10.10