Bootstrap 5.2 / Utilities
Opacity
Bepaal de dekking van elementen.
De eigenschap opacity bepaalt de mate van dekking van een element. Die geeft aan hoe transparant het element is, waarbij 1 volledig ondoorzichtig is, .5 voor 50% zichtbaar en 0 volledig transparant.
Stel de opacity van een element in met .opacity-{value}-utilities.
100%
75%
50%
25%
HTML
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>Utilities-API
Opacity-utilities worden gedeclareerd in onze utilities-API in scss/_utilities.scss. Leer hoe je de utilities-API gebruikt.
Standaardwaarden: zie scss/_utilities.scss in de Bootstrap-broncode.