css) gradient

background: liner-gradient()

 

index.html

default는  to bottom, 

to top을 첫 파라미터로 줌으로서 아래에서 위로, red에서 green으로.

이외에도 to top left, to top right 등 .. 

 

더 많은 색을 파라미터로 줄수도 있음.

 

 

deg을 첫 파라미터로 줌으로서 첫색상이 시작해서 뻗어나가는 각도를 지정해줄수 있다.

90도:

180도:

---

이미지 명암

linear-gradient를 이용해 이미지에도 명암을 줄수 있다.

style.css

rgba의 마지막값을 0.5 줌으로서 어두워짐.

---

linear-gradient generator website:

https://www.colorzilla.com/gradient-editor/