본문으로 건너뛰기
IVE Tools

CSS 그라데이션 시각적 빌더

🔒 브라우저 처리

색상 스톱과 각도를 조절해 linear/radial 그라데이션 CSS 코드를 만듭니다.

초기화 중…

💡 이렇게 사용하세요

  1. 타입(linear/radial)을 고르고, 색상 스톱을 추가·조정합니다.
  2. linear 일 때는 각도 슬라이더로 방향을 조정합니다.
  3. 하단의 CSS 코드를 [📋] 버튼으로 복사해 사용하세요.

❓ 자주 묻는 질문

linear 와 radial 의 차이는?

linear 는 직선 방향으로, radial 은 중심에서 바깥으로 퍼지는 그라데이션입니다. 버튼·배경에는 보통 linear 가, 조명 효과에는 radial 이 어울립니다.

🔗 관련 툴