Opacity a ɛwɔ hɔ

Di opacity a ɛwɔ element ahorow mu no so.

Agyapade opacityno de opacity level no si hɔ ma element bi. Opacity level no kyerɛkyerɛ transparency level no mu, baabi 1a ɛnyɛ transparent koraa, .5ɛyɛ 50% a wotumi hu, na 0ɛyɛ transparent koraa.

Set the opacityof element bi a wode .opacity-{value}utilities di dwuma.

100% na ɛwɔ hɔ.

75% na ɛwɔ hɔ.

50% na ɛwɔ hɔ.

25% na ɛwɔ hɔ.

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

Nneɛma a wɔde di dwuma API

Wɔabɔ Opacity utilities ho dawuru wɔ yɛn utilities API mu wɔ scss/_utilities.scss. Sua sɛnea wode utilities API no bedi dwuma.

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