공유하기

CSS로 폰트에 그라데이션 넣는 방법

작성자
admin
작성일
2020-09-10 00:28
조회
179935
.p5 {
background: linear-gradient(to right, #f00 10%, #00f 15%, #0f0 35%, #f0f 50%, #0ff 60%, #ff5800 75%, #f05 87%, #ff7fd3 95%, #326d18 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
-webkit-background-clip: text; 텍스트 글씨 내부 백그라운드 색상 적용
-webkit-text-fill-color: transparent; 텍스트 글씨는 투명
linear-gradient(to 방향, 색 위치, 색 위치, 색 위치, ..... )
색은 hex값 형태 위치는 %

두 가지 색만 적용할 경우 아래와 같은 방법으로도 됨.
(to right, #fff, rgba(0, 0, 0, 0));


공유하기
Close Menu