그라데이션 텍스트 HTML 생성기
텍스트를 입력하고 HTML 요소, 두 색과 방향을 선택한 뒤 소스를 복사하거나 다운로드합니다. 렌더링 미리 보기 없이 소스만 표시합니다.
소스만 제공됩니다. 텍스트는 이스케이프되며 HTML로 렌더링되지 않습니다.
사용 방법
사용 방법
- 최대 160자를 입력합니다.
- span, p, h1, h2, h3 중 하나와 두 색, 0°~360° 각도를 선택합니다.
- HTML 소스를 확인하고 복사하거나 HTML 파일로 다운로드합니다.
소스만 표시
선택한 요소와 CSS를 포함하는 완전한 HTML 문서를 생성합니다. 입력 텍스트의 &, <, > 및 큰따옴표를 이스케이프하고 읽기 전용 소스 필드에만 표시하며 이 도구에서 HTML로 렌더링하지 않습니다.
로컬 조작과 내보내기
텍스트, 요소, 색 또는 각도를 변경하면 로컬에서 소스가 갱신됩니다. 각도는 0~360도로 제한됩니다. 복사는 브라우저 클립보드를 사용하고 다운로드는 text/html;charset=utf-8 형식의 gradient-text.html을 만듭니다. 이 페이지의 입력값으로 소스를 생성합니다.
자주 묻는 질문
더 알아보기
생성한 HTML을 여기서 미리 볼 수 있나요?
아니요. 소스만 표시합니다. 다운로드한 HTML에는 선택한 텍스트와 그라데이션 CSS가 포함됩니다.
원본 텍스트를 바꾸나요?
아니요. HTML에 민감한 문자는 생성 소스에서 이스케이프되며 입력 텍스트는 유지됩니다.
어떤 요소를 선택할 수 있나요?
span, p, h1, h2, h3를 선택할 수 있습니다.