Фон (Background)
Классы для управления фоном элементов.
Цвет фона
Все цвета палитры доступны через класс .bg-{color}-{brightness}:
html
<div class="bg-gray-100">Светлый фон</div>
<div class="bg-gray-500">Средний фон</div>
<div class="bg-gray-900">Тёмный фон</div>Прозрачность фона
| Класс | Описание |
|---|---|
.bg-opacity-0 | Полностью прозрачный |
.bg-opacity-25 | 25% непрозрачности |
.bg-opacity-50 | 50% непрозрачности |
.bg-opacity-75 | 75% непрозрачности |
.bg-opacity-100 | Полностью непрозрачный |
Примеры
Основной фон
Полупрозрачный
html
<div class="bg-blue-500">Основной фон</div>
<div class="bg-blue-500 bg-opacity-50">Полупрозрачный</div>