선형 그라데이션(linear-gradient)

<aside> 😁 개인적으로 그라데이션 중에서는 선형 그라데이션이 가장 모던한 스타일로 여겨지고 원형보다는 깔끔해서 가장 선호하는 스타일입니다.

</aside>

시작점과 끝점 사이의 직선을 따라 색상이 전환되는 방식 inear-gradient() 함수 사용

기본 구문 : background: linear-gradient(direction, color-stop1, color-stop2, ...);

<aside> 👉 direction : 그라데이션의 방향을 지정 - 각도(예: 45deg)나 방향(예: to right)을 사용 가능 color-stop : 색상이 변하는 위치를 지정 - 각 색상 위치는 퍼센트(%)로 지정 가능

EX01) 하늘색에서 핑크색으로 부드럽게 변하는 그라데이션 background: linear-gradient(to right, skyblue, pink);

EX02) 각도를 사용한 예시 background: linear-gradient(45deg, blue, red);

</aside>