linear-gradient — это функция в CSS, которая позволяет создавать градиенты, которые плавно изменяются от одного цвета к другому в линейном направлении.

Функция linear-gradient() определяется с помощью двух или более цветов, которые указываются в качестве параметров. Эти цвета определяются как точки остановки (color-stops), которые указывают, где должны начинаться и заканчиваться отдельные цвета в градиенте.

Например, чтобы создать градиент, который изменяется плавно от красного до желтого, можно написать следующий CSS:

background: linear-gradient(to right, #ff0000, #ffff00);

to right — это опция направления градиента. Это обозначает, что градиент будет идти вправо от точки начала. Есть и другие опции направления, такие как to left, to top, to bottom, to top left и т. д.

linear-gradient может быть использован для создания различных эффектов на сайте, таких как градиентные фоны, текстурные шаблоны, создание элементов с объемом, для подчеркивания заголовков и т. д.

Linear-gradient поддерживается всеми современными браузерами, включая Chrome, Safari, Firefox, Opera и IE версии 10+.