Gradients

---

Linear Gradients (up, down, left, right...)

Задаваме със background-image

---

linear-gradient(cyan, green);

---

linear-gradient(to right, cyan, green);

---

linear-gradient(to bottom left, cyan, green);

---

Rainbow using multiple colors

---

Transparency

linear-gradient(to right, rgba(0,0,255,0), rgba(0,0,255,1))

---

Radial Gradients

Започва от центъра

radial-gradient(red, yellow)

---

Gradient със различни рацтояния между цветовете

radial-gradient(green 15%, cyan 40%, blue 55%)

---

Conic

conic-gradient(red, yellow, green, blue)

---

conic-gradient(red 45deg, green 90deg, blue 210deg)

---

Pie chart

---

---

Gradient editor