손쉽게 아름다운 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
스타일러스를 CSS로 변환
SCSS 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.
완벽한 Flexbox 레이아웃 만들기
직관적인 드래그 앤 드롭 인터페이스를 사용하여 CSS flexbox 코드를 시각화, 사용자 정의 및 생성할 수 있습니다.
CSS3 변환을 쉽게 생성
코드를 작성하지 않고도 복잡한 CSS3 변환을 만들 수 있는 강력하고 직관적인 도구입니다. 변경 사항을 실시간으로 시각화하고 생성된 CSS를 복사하여 프로젝트에 사용할 수 있습니다.
Base64 인코딩 도구
브라우저에서 바로 텍스트를 Base64 형식으로 쉽게 인코딩할 수 있습니다.
MD4 해시 생성기
MD4 해시를 빠르고 쉽게 생성
JSON 편집기
큰 JSON을 쉽게 편집 - 번개처럼 빠르고 매끄럽게