CSS 그래디언트 생성기 - 선형, 방사형, 원뿔형 그래디언트 생성

사용 방법

1. 그래디언트 유형 선택(linear/radial/conic)
2. 색상 중단점 추가 및 편집
3. 방향/각도 설정
4. CSS 코드 복사

FAQ

어떤 그라디언트 종류를 지원하나요?

linear-gradient, radial-gradient, conic-gradient를 지원합니다.

색상 스톱 수에 제한이 있나요?

여러 색상 스톱을 자유롭게 추가할 수 있습니다.

생성된 CSS를 그대로 사용할 수 있나요?

네. 복사한 코드를 CSS 파일에 그대로 붙여넣어 사용할 수 있습니다.

데이터가 서버로 전송되나요?

모든 처리는 브라우저에서 이루어지며, 데이터는 서버로 전송되지 않습니다.

그라디언트 각도는 어떻게 지정하나요?

선형 그라디언트의 경우 슬라이더 또는 숫자 입력으로 0~360도의 각도를 지정할 수 있습니다. 각도를 조정하면 미리보기가 실시간으로 업데이트됩니다.

관련 도구