Що таке CSS Gradient
CSS **градієнти** - це техніка, яка реалізує фони та декорації, що плавно змішують два або більше кольори, використовуючи лише код CSS, без файлів зображень.
Лінійний Градієнт (linear-gradient)
Градієнт, де кольори змінюються лінійно вздовж зазначеного **кута** або **напрямку**. Кути можна вільно встановлювати від **0** градусів (вгору) до **360** градусів (повне коло), і також можливі специфікації напрямку, такі як '**to bottom**' та '**to right**'.
Радіальний Градієнт (radial-gradient)
Градієнт, де кольори поширюються **радіально** від **центру**. Ви можете вибрати форми **кола** або **еліпса** та налаштувати центральну позицію та поширення. Підходить для декорації кнопок та іконок.
Що таке Точки зупинки кольору (Color Stops)
Точки зупинки кольору - це **позиції**, де певні кольори розміщуються всередині градієнта. Будь-яка кількість кольорів може бути розміщена в будь-якій позиції від **0%** (початкова позиція) до **100%** (кінцева позиція). Комбінація кількох точок зупинки кольору створює складні та красиві градієнти.