그라디언트 컨트롤
.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로 변환합니다. 빠르고, 쉽고, 안전합니다.
CSS3 전환 생성기
부드러운 불투명도 전환
CSS 변환기에 덜
Less 코드를 CSS로 변환합니다. 빠르고, 쉽고, 안전합니다.
속도 단위 변환기
엔지니어링, 과학 및 일상적인 요구 사항에 맞게 정밀하게 서로 다른 속도 단위 간에 변환합니다
Create Custom Terms and Conditions
웹사이트, 앱 또는 서비스에 맞는 포괄적인 이용 약관을 생성하세요.
CMYK에서 RGB로
디지털 응용 프로그램을 위해 CMYK 색상 값을 RGB로 변환