1. 색상 선택

시작 색상, 끝 색상은 필수로 들어가고, 원하면 다른 색상을 더 넣어도 된다.

liner-gradient(blue,white,pink)

2. 방향, 혹은 각도 설정

• 기본값은 위에서 아래이다.

to right : 왼쪽 -> 오른쪽
to top right : 상단 오른쪽으로

0 deg : 아래에서  위로
45 deg : 하단 왼쪽에서 상단 오른쪽방향(45도)

3. stop position 지정하기

color stop 위치를 지정할 수 있다.

linear-gradient(to right, skyblue 5%, white 20%, pink);