Opacité

Contrôlez l'opacité des éléments.

La opacitypropriété définit le niveau d'opacité d'un élément. Le niveau d'opacité décrit le niveau de transparence, où 1n'est pas du tout transparent, .5est visible à 50 % et 0est complètement transparent.

Définissez le opacityd'un élément à l'aide d' .opacity-{value}utilitaires.

100%

75%

50%

25%

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

API utilitaires

Les utilitaires d'opacité sont déclarés dans notre API d'utilitaires au format scss/_utilities.scss. Apprenez à utiliser l'API des utilitaires.

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