결론만 간단히.
.gradient-text-and-icon {
background: linear-gradient(91deg, #E05438 25.06%, #F41C33 62.44%, #D21FD6 94.29%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
'웹 개발 > 소소한 팁, 버그 해결' 카테고리의 다른 글
[Next.js 14] 새 탭에서 링크 열기 [React] (0) | 2024.03.20 |
---|---|
[CSS] link / anchor 태그 비활성화 [Tailwind CSS] (0) | 2024.03.20 |
[CSS] 간단한 아이콘 회전 애니메이션 [Tailwind CSS] (0) | 2024.03.20 |
[CSS] icon 회전하기 / <i> 태그 회전하기 [Tailwind CSS] (0) | 2024.03.20 |
[Typescript] TypeError: Webpack imported module is not a function 해결 (0) | 2024.03.20 |