디자인
CSS 그라디언트 생성기
CSS 그라디언트 시각적 생성.
사용 방법
프리셋 선택 또는 처음부터 구성: 색상 중지점 추가, 위치 드래그, 선형·방사형·원추형 변경. CSS 또는 Tailwind 클래스 스니펫 복사.
FAQ
어떤 그라데이션 유형을 지원하나요?
선형(모든 각도), 방사형(중심에서 퍼지는 원), 원뿔형(색상환)을 지원합니다. 각 유형에서 위치를 드래그할 수 있는 여러 색상 정지점을 사용할 수 있습니다.
CSS는 어떻게 사용하나요?
생성된 background 줄을 스타일시트에 복사하거나 bg-[linear-gradient(...)] 같은 Tailwind 임의 값에 붙여 넣으세요.
프리셋에서 시작할 수 있나요?
예. 12개 프리셋(일몰, 바다, 방사형 스포트라이트, 원뿔형 무지개 등) 중 하나를 클릭한 뒤 색상 정지점과 각도를 조정하세요.
마지막 업데이트: