Для добавления градиента в CSS можно использовать свойство background-image и функцию linear-gradient(). Пример:
background-image: linear-gradient(to bottom, #ffffff, #000000);
В данном примере создается градиент от белого к черному, который идет от верхней части элемента к нижней.
Также можно использовать другие параметры функции linear-gradient(), например:
background-image: linear-gradient(to right, #ff0000, #00ff00, #0000ff);
В данном примере создается градиент от красного к зеленому к синему, который идет от левой части элемента к правой.
Также можно использовать несколько цветов и указывать точки останова градиента:
background-image: linear-gradient(to bottom, #ffffff, #ff0000 25%, #00ff00 50%, #0000ff 75%, #000000);
В данном примере создается градиент от белого к черному, который идет от верхней части элемента к нижней, но также используются красный, зеленый и синий цвета с точками останова на 25%, 50% и 75% соответственно.