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

Чтобы задать градиентный фон на HTML-странице, можно использовать CSS свойство background-image с функцией linear-gradient().

Вот пример CSS-кода, который создает градиентный фон от верхней краины блока к нижней:

.gradient-background {
  background-image: linear-gradient(to bottom, #b3d9ff, #6699ff);
}

Здесь мы задали класс .gradient-background элементу, для которого нужно задать градиентный фон. Мы также использовали функцию linear-gradient(), указав в качестве параметров направление градиента (to bottom) и два цвета, которые создадут градиент (#b3d9ff и #6699ff).

Можно использовать различные значения и цвета для создания градиентного фона. Например, можно задать градиент от левого края блока к правому, используя функцию linear-gradient(to right, ...).

Если нужно использовать более сложные варианты градиента, в функции linear-gradient() можно указать дополнительные параметры, такие как проценты и цвета на определенных точках градиента.

реклама

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

реклама

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

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

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

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

Закажите услугу Как сделать градиентный фон в css

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