Как добавить градиент в CSS

Для добавления градиента в 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% соответственно.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как добавить градиент в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали