그라데이션 생성기

복사한 코드를 background 속성에 그대로 붙여넣으면 됩니다. 예: background: linear-gradient(135deg, #3182F6, #F72585);

0deg는 아래에서 위로, 90deg는 왼쪽에서 오른쪽으로 흐릅니다. 자연스러운 대각선 느낌을 원하면 135deg가 많이 쓰입니다.

중심에서 바깥으로 원형으로 퍼지는 효과가 필요할 때 씁니다. 버튼이나 배경에 은은한 조명 효과를 줄 때 자주 쓰입니다.

이 도구는 2색 그라데이션만 지원합니다. 3색 이상이 필요하면 생성된 코드의 콤마 뒤에 색상과 위치(예: 50%)를 직접 추가하면 됩니다.