그라디언트 생성기이란?
선형, 방사형, 원뿔형 그라디언트를 무제한 색상 정지점으로 만들 수 있는 시각적 CSS 그라디언트 빌더입니다. 각도, 위치, 색상을 실시간으로 조정하고 완성된 CSS 코드를 클릭 한 번으로 복사하세요.
사용 방법
- 1단계 — 그라디언트 유형(선형, 방사형, 원뿔형)을 선택하고, 각도 슬라이더나 프리셋 버튼으로 방향 또는 각도를 설정합니다.
- 2단계 — 그라디언트 바를 클릭해 색상 정지점을 추가합니다. 드래그하거나 값을 직접 입력해 각 정지점의 색상과 위치를 조정하세요.
- 3단계 — 그라디언트를 실시간으로 미리 보고, 생성된 CSS 코드를 클립보드에 복사하거나 CSS 파일로 다운로드합니다.
결과
웹 디자이너가 석양 테마의 히어로 배경이 필요합니다. 135° 선형 그라디언트를 선택하고 0%에 주황, 50%에 로즈, 100%에 보라 정지점을 배치한 후 CSS를 바로 스타일시트에 붙여넣습니다.