텍스트 그라데이션 효과
2022. 4. 6. 08:32ㆍCSS
HTML
<div class="btn">바로가기</div>CSS
.btn {
background: linear-gradient(91.45deg, #833AB4 3.65%, #FD1D1D 50.45%, #FCB045 98.37%);
color: transparent;
background-clip: text;
-webkit-background-clip: text;
}결과물
'CSS' 카테고리의 다른 글
| nth-child() : n번째부터 n번째 까지 (0) | 2022.04.15 |
|---|---|
| input type:text 타이핑 시 이벤트 조작 (0) | 2022.04.15 |
| 이미지에 링크 걸기(+a태그 target속성) (0) | 2022.04.12 |
| border 그라데이션 + radius (0) | 2022.04.05 |
| 홈페이지 로딩 시 위에서 아래로 fadeIn 되는 효과 (0) | 2022.04.04 |