Neprůhlednost

Ovládejte neprůhlednost prvků.

Vlastnost opacitynastavuje úroveň krytí pro prvek. Úroveň krytí popisuje úroveň průhlednosti, kde 1není vůbec průhledná, .5je z 50 % viditelná a 0je zcela průhledná.

Nastavte opacityprvek pomocí .opacity-{value}utilit.

100%

75 %

50 %

25 %

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

Utility API

Nástroje neprůhlednosti jsou deklarovány v našem rozhraní API pro nástroje v scss/_utilities.scss. Naučte se používat rozhraní API utilit.

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