CSS 그라디언트 생성기
비주얼 편집기로 아름다운 CSS 그라디언트를 만드세요. CSS 코드를 즉시 복사할 수 있습니다.
background: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);0°90°180°270°360°
0%
100%
사용 방법
비주얼 편집기로 아름다운 CSS 그라디언트를 만드세요. CSS 코드를 즉시 복사할 수 있습니다.
- 1그라디언트 유형을 선택하세요: 선형, 방사형, 또는 원뿔형.
- 2그라디언트 바를 클릭하고 색상 선택기로 색상을 선택하여 색상 정지점을 추가하세요.
- 3방향 컨트롤을 사용하여 각도나 위치를 조정하세요.
- 4캔버스에서 그라디언트를 실시간으로 미리 보고 생성된 CSS 코드를 복사하세요.
주요 기능
- 선형, 방사형, 원뿔형 CSS 그라디언트 지원
- 드래그 앤 드롭 위치 지정이 있는 대화형 색상 정지점 편집기
- 색상과 각도를 조정하면 실시간 미리보기 캔버스 업데이트
- 바로 붙여넣을 수 있는 깔끔한 크로스 브라우저 CSS 그라디언트 코드 생성