Как сделать линейный градиент в css

Чтобы создать линейный градиент в CSS, вы можете использовать свойство background-image.

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

.gradient {
  background-image: linear-gradient(to bottom, #fff, #000);
}

В этом примере to bottom определяет направление градиента с верхней части элемента до его нижней части. Вы можете использовать также опции to top, to left, to right, to bottom left, to bottom right, to top left и to top right для определения направления градиента.

#fff и #000 определяют цвета на концах градиента. Вы можете указывать сколько угодно цветов между начальным и конечным цветом. Например:

.gradient {
  background-image: linear-gradient(to bottom, #fff, #e6e6e6, #ccc, #999, #666, #333, #000);
}

Вы можете использовать этот код, чтобы создать градиент от белого до черного с остановками на переходах через серый цвет.

Вы можете также изменять точки начала и конца градиента, используя значения в процентах или других единицах измерения. Например:

.gradient {
  background-image: linear-gradient(45deg, #fff, #000);
}

В этом примере градиент будет идти под углом 45 градусов.