Що таке градієнт?
Градієнт — це плавний перехід між двома або більше кольорами. У вебдизайні градієнти часто використовують для фонів, кнопок і шапок сайту: вони додають глибини й сучасного вигляду за мінімуму коду.
Лінійний чи радіальний градієнт?
Лінійний градієнт змінює колір уздовж прямої лінії; напрямок задає кут (0° — угору, 90° — праворуч). Радіальний градієнт починається з центральної точки й розходиться колом. Цей генератор створює обидва типи й дає відповідний CSS-код (linear-gradient або radial-gradient).
Як використати його в CSS
Скопіюйте код і вставте його у властивість background вашого елемента. Можна додати кілька кольорів і змінити кожен із них. Якщо вам потрібна ще й палітра кольорів у тон, спробуйте генератор палітри або перевірте контраст, перш ніж розміщувати на градієнті текст.