Ir para o conteúdo principal Pular para a navegação de documentos
Check
in English

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