Opacidad

Controla la opacidad de los elementos.

La opacitypropiedad establece el nivel de opacidad de un elemento. El nivel de opacidad describe el nivel de transparencia, donde 1no es transparente en absoluto, .5es 50% visible y 0es completamente transparente.

Establezca el opacityde un elemento usando .opacity-{value}utilidades.

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 de utilidades

Las utilidades de opacidad se declaran en nuestra API de utilidades en formato scss/_utilities.scss. Aprenda a usar la API de utilidades.

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