그래디언트 CSS 생성기
비주얼 에디터로 멋진 CSS 그래디언트를 디자인하세요. 최대 10개 색상 정지점으로 선형, 방사형, 원뿔형 그래디언트를 지원합니다. CSS 또는 Tailwind 클래스를 복사하세요. 12개 내장 프리셋.
그래디언트 CSS 생성기는 무엇인가요?
그래디언트 CSS 생성기는 CSS 그래디언트를 시각적으로 디자인하고 생성된 코드를 복사할 수 있게 해줍니다. 사용자 정의 가능한 각도, 위치, 여러 색상 정지점으로 선형, 방사형, 원뿔형 그래디언트를 지원하며, 프로덕션 준비된 CSS와 Tailwind 클래스를 생성합니다.
그래디언트 CSS 생성기 사용 방법
프리셋을 선택하거나 처음부터 시작하세요. 그래디언트 유형(선형, 방사형, 원뿔형)을 선택하고 각도를 조정하세요. 색상 선택기와 위치 슬라이더로 최대 10개의 색상 정지점을 추가하세요. 출력 섹션에서 CSS 또는 Tailwind 클래스를 복사하세요.
자주 묻는 질문
어떤 그래디언트 유형이 지원되나요?
선형(방향성), 방사형(점에서 원형/타원형), 원뿔형(중심점 주위의 색상 휠). 각각 반복 모드를 지원합니다.
Tailwind CSS에서 출력을 사용할 수 있나요?
네, Tailwind 탭은 간단한 그래디언트에 대한 유틸리티 클래스를 생성합니다. 복잡한 그래디언트의 경우 Tailwind v3+와 호환되는 임의 값 구문을 제공합니다.
색상 정지점을 몇 개까지 추가할 수 있나요?
그래디언트당 최대 10개의 색상 정지점을 추가할 수 있습니다. 각 정지점은 사용자 정의 가능한 색상과 위치(0-100%)를 가집니다.