[CSS] 그라데이션 넣기 : linear-gradient

background 요소 중 linear-gradient 활용

background: linear-gradient(각도, 색상, 색상);

 

 

각도

/*예시*/
background: linear-gradient(90deg, hsl(171, 41%, 78%), hsl(208, 46%, 41%));

• to top, to bottom, to left, to right
• n deg (degree의 줄임말)

색상

/*예시*/
background: linear-gradient(to left, yellow 25%, green 30%, blue);

2가지 이상의 색상도 가능

색상 뒤에 n %를 붙여서 색상 범위 지정