Vés al contingut principal Saltar a la navegació de documents
Check
in English

Opacitat

Controlar l'opacitat dels elements.

La opacitypropietat estableix el nivell d'opacitat d'un element. El nivell d'opacitat descriu el nivell de transparència, on 1no és gens transparent, .5és visible al 50% i 0és completament transparent.

Estableix el opacityd'un element mitjançant .opacity-{value}utilitats.

100%
75%
50%
25%
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>

Utilitats API

Les utilitats d'opacitat es declaren a la nostra API d'utilitats a scss/_utilities.scss. Apreneu a utilitzar l'API d'utilitats.

    "opacity": (
      property: opacity,
      values: (
        0: 0,
        25: .25,
        50: .5,
        75: .75,
        100: 1,
      )
    ),