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

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

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