Функция linear-gradient() в CSS создаёт линейный градиент, который распространяется по прямой линии, демонстрируя плавный переход от одного оттенка цвета к другому. 12

Функция принимает два обязательных параметра: направление и цветовые точки. 4

Направление градиента можно задать несколькими способами: 4

• С помощью ключевых слов: to top, to right, to bottom, to left, а также их комбинаций (to top right, to bottom left и т. д.). 34
• С помощью угла в градусах (deg). 34 Например, 0deg соответствует движению снизу вверх, 90deg — слева направо. 34

Цветовые точки позволяют указать, где и как цвета должны переходить друг в друга. 3 По умолчанию цвета равномерно распределяются от начала до конца градиента. 3

Каждая цветовая остановка определяется двумя параметрами: цвет и позиция в процентах или пикселях. 4

Размер градиента соответствует размеру элемента, к которому он применён. 1

Современные браузеры обрабатывают градиенты как самостоятельные изображения, что позволяет применять их к фону элементов, кнопкам, текстовым блокам и другим компонентам сайта. 4