Przejdź do głównej zawartości Przejdź do nawigacji w dokumentach
Check
in English

Nieprzezroczystość

Kontroluj nieprzezroczystość elementów.

Właściwość opacityustawia poziom krycia elementu. Poziom krycia opisuje poziom przezroczystości, gdzie 1w ogóle nie jest przezroczysty, .5jest widoczny w 50% i 0jest całkowicie przezroczysty.

Ustaw opacityelement za pomocą .opacity-{value}narzędzi.

100%
75%
50%
25%
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>

Narzędzia API

Narzędzia nieprzezroczystości są deklarowane w naszym interfejsie API narzędzi w scss/_utilities.scss. Dowiedz się, jak korzystać z interfejsu API narzędzi.

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