Opacity

Kontrola ang opacity sa mga elemento.

Ang opacitykabtangan nagtakda sa lebel sa opacity alang sa usa ka elemento. Ang lebel sa opacity naghulagway sa lebel sa transparency, diin 1dili kaayo transparent, .550% nga makita, ug 0hingpit nga transparent.

Ibutang ang opacityusa ka elemento gamit ang mga .opacity-{value}utilities.

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

Ang mga opacity utilities gideklarar sa among mga utilities API sa scss/_utilities.scss. Pagkat-on unsaon paggamit ang mga utilities API.

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