Django 포스팅
Doyeon0430 | 2023년 07월 06일
이번시간에는 그라데이션이 적용된 텍스트 컬러 디자인을 가져왔습니다.
linear-gradient을 사용해 총 5가지의 색상을 만들었습니다.
font-size는 30px, font-weight는 600이며 webkit 속성을 사용하여 텍스트의 색상을 투명하게 만들었습니다.
여기서 webkit을 지원안하는 브라우저 엔진이 있기때문에 background-clip와 color를 추가적으로 입력했습니다.
그럼 지금부터 그라데이션 컬러 디자인들을 소개하겠습니다.
첫 번째는 258도 방향으로 그라데이션을 만든 선형 그라데이션 코드입니다.
이 텍스트에 시작 색상은 rgb(12, 154, 162)이고, 종료 색상은 rgb(217, 217, 144)입니다.
두 번째는 98도 방향으로 그라데이션을 만든 선형 그라데이션 코드입니다.
이 텍스트에 시작 색상은 rgb(86, 88, 255)이고, 종료 색상은 rgb(195, 93, 154)입니다.
세 번째는 284도 방향으로 그라데이션을 만든 선형 그라데이션 코드입니다.
이 텍스트에 시작 색상은 rgb(180, 34, 34)이고, 종료 색상은 rgb(130, 190, 99)입니다.
네 번째는 258도 방향으로 그라데이션을 만든 선형 그라데이션 코드입니다.
이 텍스트에 시작 색상은 rgb(69, 171, 64)이고, 종료 색상은 rgb(183, 183, 69)입니다.
다섯 번째는 220도 방향으로 그라데이션을 만든 선형 그라데이션 코드입니다.
이 텍스트에 시작 색상은 rgb(231, 222, 235)이고, 종료 색상은 rgb(102, 99, 99)입니다.
글을 마치며 linear-gradient를 사용하여 예쁜 컬러로 만든 그라데이션 텍스트 5가지를 알아보았습니다. 긴 글 읽어주셔서 감사합니다.
댓글 (0)
간편 댓글 작성
