Nusiwo me mekɔ o

Kpɔ nusiwo le eme ƒe opacity dzi.

Nɔnɔmea opacityɖoa opacity ƒe seƒe na element aɖe. Opacity level la ɖɔa transparency level, afisi 1medzena kura o, .5edzena 50%, eye 0wòdzena keŋkeŋ.

Ðo opacityelement aɖe ƒe akpa aɖe to .opacity-{value}utilities zazã me.

100% ƒe .

75% ƒe xexlẽme.

50% ƒe .

25% ƒe xexlẽme.

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

Dɔwɔnuwo ƒe API

Woɖe gbeƒã opacity utilities le míaƒe utilities API me le scss/_utilities.scss. Srɔ̃ alesi nàzã utilities API lae.

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