Opacidade

Controle a opacidade dos elementos.

A opacitypropriedade define o nível de opacidade de um elemento. O nível de opacidade descreve o nível de transparência, onde 1não é transparente, .5é 50% visível e 0é completamente transparente.

Defina o opacityde um elemento usando .opacity-{value}utilitários.

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 utilitários

Os utilitários de opacidade são declarados em nossa API de utilitários em scss/_utilities.scss. Saiba como usar a API de utilitários.

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