CSS 그라데이션 생성기

시각적 편집기로 CSS 그라데이션 생성

그라데이션 타입

각도

0° 360°

색상

CSS 코드

프리셋

CSS 그라데이션 생성기 사용법

  1. 시작 색상과 끝 색상을 선택합니다
  2. 그라데이션 방향을 설정합니다
  3. 미리보기를 확인합니다
  4. CSS 코드를 복사합니다

꿀팁

  • • 웹사이트 배경, 버튼 디자인에 활용하세요
  • • 여러 색상을 추가해서 복잡한 그라데이션도 가능합니다

자주 묻는 질문

linear-gradient와 radial-gradient의 차이는?
linear는 직선 방향, radial은 중심에서 퍼져나가는 원형 그라데이션입니다.
색상을 3개 이상 추가할 수 있나요?
네, 원하는 만큼 색상 정지점을 추가하여 복잡한 그라데이션을 만들 수 있습니다.
구형 브라우저도 지원하나요?
Webkit, Moz 등 벤더 프리픽스가 포함된 코드도 함께 생성됩니다.