CSS 그라데이션 생성기
CSS 선형, 원형, 원뿔형 그라데이션을 시각적으로 만듭니다.
스튜디오 · 중성 환경
기능
Linear / radial / conic
Multiple color stops
Angle / direction control
Live preview & CSS code
사용 방법
1. 그라디언트 유형과 각도를 고르면 스테이지에 전체 크기로 미리 표시됩니다.
2. 트랙의 핸들을 드래그해 지점을 옮기고, 빈 곳을 클릭해 추가하세요(최대 6개). 색상 웰과 퍼센트 입력으로 미세 조정도 가능합니다.
3. 생성된 CSS를 복사하세요 — 체커 배경에서 투명 구간의 밴딩을 확인할 수 있습니다.
자주 묻는 질문
What types of gradients does CSS support?
CSS supports linear, radial, and conic gradients, each with different visual effects.