CSS 그라디언트란 무엇인가
CSS **그라디언트**는 이미지 파일 없이 CSS 코드만 사용하여 두 개 이상의 색상을 부드럽게 혼합하는 배경 및 장식을 달성하는 기술입니다.
선형 그라디언트 (linear-gradient)
색상이 지정된 **각도** 또는 **방향**을 따라 선형적으로 변하는 그라디언트입니다. **0**도 (위쪽)에서 **360**도 (전체 원)까지 각도를 자유롭게 설정할 수 있으며, '**to bottom**' 및 '**to right**'와 같은 방향 지정도 가능합니다.
방사형 그라디언트 (radial-gradient)
색상이 **중심**에서 **방사형**으로 퍼지는 그라디언트입니다. **원** 또는 **타원** 모양을 선택하고 중앙 위치와 확산을 조정할 수 있습니다. 버튼 및 아이콘 장식에 적합합니다.
색상 정지점 (Color Stops)이란 무엇인가
색상 정지점은 그라디언트 내에서 특정 색상이 배치되는 위치입니다. **0%** (시작 위치)에서 **100%** (끝 위치)까지의 모든 위치에 원하는 수의 색상을 배치할 수 있습니다. 여러 색상 정지점을 결합하면 복잡하고 아름다운 그라디언트가 생성됩니다.