Nepriehľadnosť

Ovládajte nepriehľadnosť prvkov.

Vlastnosť opacitynastavuje úroveň nepriehľadnosti pre prvok. Úroveň nepriehľadnosti popisuje úroveň priehľadnosti, kde 1nie je vôbec priehľadná, .5je viditeľná na 50 % a 0je úplne priehľadná.

Nastavte opacityprvok pomocou .opacity-{value}pomocných programov.

100%

75 %

50 %

25 %

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

Utilities API

Pomôcky na nepriehľadnosť sú deklarované v našom rozhraní API pre nástroje v scss/_utilities.scss. Zistite, ako používať pomocné rozhranie API.

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