Toolzy

CSS 그라디언트 생성기

선형 및 방사형 CSS 그라디언트를 시각적으로 만드세요.

background: linear-gradient(90deg, #6366f1, #ec4899);

실시간 미리보기로 CSS 그라디언트를 디자인하고 바로 사용할 수 있는 배경 코드를 복사하세요.

사용 방법

  1. 선형 또는 방사형을 선택하세요.
  2. 색상과 각도를 선택하세요.
  3. CSS를 복사하세요.

자주 묻는 질문

색상 정지점을 더 추가할 수 있나요?
이 생성기는 두 개의 정지점을 사용하며, 복사한 CSS를 직접 수정해 확장할 수 있습니다.
CSS는 어디에 넣나요?
background 또는 background-image 속성의 값으로 사용하세요.

관련 도구