अस्पष्टता

गुणः एकस्य तत्त्वस्य opacityकृते अस्पष्टतास्तरं सेट् करोति । अस्पष्टतास्तरः पारदर्शितास्तरस्य वर्णनं करोति, यत्र 1सर्वथा पारदर्शी नास्ति, .5५०% दृश्यते, 0पूर्णतया पारदर्शी च भवति ।

उपयोगिताओं opacityका उपयोग करके एक तत्व का सेट करें ।.opacity-{value}

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

उपयोगिता एपिआइ

Opacity utilities अस्माकं utilities API मध्ये घोषिताः सन्ति scss/_utilities.scss. utilities API इत्यस्य उपयोगं कथं करणीयम् इति ज्ञातव्यम् ।

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