56px
그라데이션 텍스트
그라데이션 텍스트 생성이란 무엇인가요?
그라데이션 텍스트 생성은 텍스트에 부드러운 다색 그라데이션을 적용하고 바로 사용할 수 있는 CSS를 출력합니다. 효과를 실시간으로 미리 보고 CSS 클래스를 스타일시트에 바로 복사하세요.
그라데이션 텍스트 생성 사용 방법
- 텍스트를 입력하고 그라데이션 색상을 선택하세요.
- 방향을 선택하고 글꼴 크기를 조정하세요.
- CSS를 복사하여 스타일시트에 붙여넣으세요.
더 알아보기▾
CSS 그라데이션 텍스트 작동 방식
CSS 그라디언트 텍스트는 background: linear-gradient(...) 다음과 함께 사용합니다 -webkit-background-clip: text 및 -webkit-text-fill-color: transparent. 이렇게 하면 그라디언트가 텍스트 모양에 맞게 잘려 글자가 그라디언트 색으로 채워진 것처럼 보입니다.
자주 묻는 질문
모든 브라우저에서 작동하나요?
예. 폭넓은 호환성을 위해 -webkit 접두사가 포함되어 있습니다.