🎨

Gradient Text Generator

gradient · text · css · color · webkit

텍스트

색상 1색상 2색상 3 (선택)

각도글자 크기굵기

Gradient Text

CSS

.gradient-text {
  background-image: linear-gradient(135deg, #6366f1, #ec4899);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 48px;
  font-weight: 700;
}

사용 방법

1
텍스트와 두세 가지 색을 고르세요.
2
각도·크기·굵기를 조절하세요.
3
생성된 CSS를 복사하세요.

FAQ

이 도구는 무료인가요?

네, 가입 없이, 설치 할 필요도 없이 완전 무료로 바로 사용할 수 있습니다.

이 도구는 어떤 도구인가요?

부드러운 색상 그라데이션을 만들고 바로 쓸 수 있는 CSS까지 알려 주는 도구예요. 색과 방향을 시각적으로 조절한 뒤 코드를 사이트에 복사하면 됩니다. 전부 브라우저에서 동작합니다.