손쉽게 아름다운 CSS 텍스트 그라디언트 만들기
웹사이트를 위한 멋진 그라디언트 텍스트 효과 만들기
그라디언트 컨트롤
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
인기 있는 그라디언트
사용하는 방법
텍스트를 입력하세요
그라디언트를 적용하려는 텍스트를 "Text" 입력 필드에 입력합니다.
그라디언트 유형 선택
선형, 방사형 또는 원추형 그라디언트 유형 중에서 선택합니다.
방향 또는 각도 조정
선형 그라디언트의 경우 방향을 선택합니다. 원뿔 그라데이션의 경우 각도를 설정합니다.
색상 사용자 정의
색상 중단점과 해당 위치를 추가, 제거 또는 조정하여 원하는 그라디언트를 만들 수 있습니다.
CSS 복사 또는 저장
생성된 CSS 코드를 복사하거나 CSS 파일로 저장하여 프로젝트에서 사용할 수 있습니다.
텍스트 그라디언트 정보
CSS 텍스트 그라디언트를 사용하면 아름다운 여러 색상의 그라디언트를 텍스트에 직접 적용할 수 있습니다. 이 효과는 한때 이미지에서만 가능했지만 최신 CSS는 이를 간단하고 효율적으로 만듭니다.
브라우저 지원:텍스트 그라디언트는 Chrome, Firefox, Safari 및 Edge를 포함한 모든 최신 브라우저에서 지원됩니다. Internet Explorer와 같은 이전 브라우저의 경우 텍스트가 단색으로 대체됩니다.
사용 팁:텍스트 그라디언트는 굵은 텍스트와 고대비 색상 조합에서 가장 잘 작동합니다. 원하는 효과를 얻기 위해 다양한 그라디언트 유형과 방향을 실험해 보십시오.
Related Tools
Sass to CSS 변환기
Sass 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.
완벽한 Flexbox 레이아웃 만들기
직관적인 드래그 앤 드롭 인터페이스를 사용하여 CSS flexbox 코드를 시각화, 사용자 정의 및 생성할 수 있습니다.
스타일러스를 CSS로 변환
SCSS 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.
나이 계산기
정확한 나이 계산기로 정확한 나이를 년, 월, 일 단위로 계산하십시오.
스타일러스를 CSS로 변환
SCSS 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.
Create Custom Terms and Conditions
웹사이트, 앱 또는 서비스에 맞는 포괄적인 이용 약관을 생성하세요.