Ukungaboni kakuhle

Lawula i-opacity yezinto.

Ipropati opacityibeka inqanaba lokungafihli le elementi. Inqanaba le-opacity lichaza inqanaba lokungafihli, apho 1lingabonakali konke konke, .5libonakala liyi-50%, kwaye 0licacile ngokupheleleyo.

Cwangcisa i opacity-elementi usebenzisa .opacity-{value}izinto eziluncedo.

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

I-Opacity utilities ibhengezwe kwizinto zethu ze-API kwi scss/_utilities.scss. Funda indlela yokusebenzisa izinto eziluncedo API.

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