«linear-gradient» — это функция CSS, которая позволяет создавать линейные градиенты (плавные переходы цветов) на веб-страницах.
Линейный градиент (linear gradient) состоит из двух или более цветов, которые плавно переходят друг в друга на одной прямой линии, заданной в виде изначальной точки «start-point» и конечной точки «end-point».
Синтаксис функции «linear-gradient» выглядит следующим образом:
background: linear-gradient(direction, color-stop1, color-stop2, ...);
- direction – направление градиента, задается в градусах, например, 45deg для угла 45 градусов. Можно также использовать ключевые слова, например, top, bottom, left, right;
- color-stop – цветовые точки градиента, которые определяют начальный и конечный цвета и их координаты на линии.
Например, следующий CSS-код создаст линейный градиент от верхнего левого угла к нижнему правому углу, начинающийся с голубого цвета и заканчивающийся фиолетовым:
background: linear-gradient(to bottom right, #00ffff, #800080);
Таким образом, функция «linear-gradient» позволяет создавать красивые и стильные градиентные фоны на веб-страницах.
