Passer au contenu principal Passer à la navigation dans les documents
in English

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