Skip to di men tin dɛn we de insay Skip to doks nevigishɔn
in English

Opasiti fɔ di tin dɛn we de apin

Kontrol di opasiti fɔ di ɛlimɛnt dɛn.

Di opacityprɔpati de sɛt di opasiti lɛvɛl fɔ wan ɛlimɛnt. Di opasiti lɛvɛl de diskrayb di transparency lɛvɛl, usay 1i nɔ transparent atɔl, .5i de 50% we pɔsin kin si, ɛn 0i transparent ɔl.

Set di opacityof wan element yuz .opacity-{value}yutiliti.

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

Yutiliti dɛn API

Opacity yutiliti dɛn de diklar insay wi yutiliti dɛn API insay scss/_utilities.scss. Lan aw fɔ yuz di yutiliti dɛn API.

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