🌈 그라데이션 생성기
아름다운 그라데이션을 만들어보세요! CSS 코드도 함께 생성되어
웹 개발과 디자인에 바로 활용할 수 있습니다.
🎨 프리셋 그라데이션
⚙️ 그라데이션 설정
0°90°180°270°360°
0%
100%
👀 미리보기
CSS 코드:
linear-gradient(45deg, #3B82F6 0%, #8B5CF6 100%)💡 사용 가이드
🎨 그라데이션 유형
- • 선형: 직선 방향으로 색상 변화
- • 원형: 중심에서 바깥쪽으로 색상 변화
- • 원뿔: 원형으로 회전하며 색상 변화
💻 CSS 활용
- • 배경: background 속성에 사용
- • 텍스트: background-clip: text
- • 테두리: border-image 속성
- • 버튼: 호버 효과에 활용