Opacity

Kontrolin ang opacity ng mga elemento.

Itinatakda opacityng property ang antas ng opacity para sa isang elemento. Ang antas ng opacity ay naglalarawan sa antas ng transparency, kung saan 1ay hindi transparent, .5ay 50% nakikita, at 0ganap na transparent.

Itakda ang opacityng isang elemento gamit ang mga .opacity-{value}utility.

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 na utility ay idineklara sa aming mga utility API sa scss/_utilities.scss. Matutunan kung paano gamitin ang utility API.

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