Bootstrap 5 Фоновый градиент

Bootstrap 5 Фоновый градиент используется для добавления градиента к фону. Полупрозрачный белый служит отправной точкой градиента и исчезает к низу. Используя градиент в CSS, мы можем создавать варианты оформления изображений, которые помогут сделать веб-страницу привлекательной.

Предварительное условие: Цвет фона Bootstrap 5

Bootstrap 5 Классы фонового градиента:

• bg-gradient: этот класс используется для добавления фонового градиента.

Синтаксис:

<div class= "Background Color Class bg-gradient >
    ...
</div>

Пример 1: Следующий код демонстрирует фоновый градиент, использующий класс опасного фона с его вариантом.

Выход:

Пример 2. Следующий код демонстрирует фоновый градиент с использованием классов bg-warning, bg-info, bg-light и bg-dark свойств фонового градиента Bootstrap 5.

Выход:

Ссылка: https://getbootstrap.com/docs/5.0/utilities/background/#background-gradient