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,
      )
    ),