Opacidade

Controla a opacidade dos elementos.

A opacitypropiedade establece o nivel de opacidade dun elemento. O nivel de opacidade describe o nivel de transparencia, onde 1non é transparente en absoluto, .5é visible ao 50% e 0é completamente transparente.

Establecer a opacitydun elemento mediante .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

As utilidades de opacidade decláranse na nosa API de utilidades en scss/_utilities.scss. Aprende a usar a API de utilidades.

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