CSS 의 linear-gradient 의 다양한 예제들

< 참고 자료 >

 

developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient()

---

< gradient 디폴트 : 위 -> 아래 >

#g { background: linear-gradient(red, blue); }

---

< gradient 의 여러 인자 >

---

 

< gradient 방향 1. top, right, bottom, left>

 

---

< gradient 방향 2. 각도 >

 

---

< gradient 지점 >

---

< gradient 일부분만. >

---

< gradient 없음 >

---

< gradient 구간 >

---

< gradient 반복 >

 

---

< gradient 레이어 >

 

---