Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
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.