अस्पष्टता

तत्वों की अस्पष्टता को नियंत्रित करें।

गुण किसी तत्व के opacityलिए अपारदर्शिता स्तर सेट करता है। अस्पष्टता स्तर पारदर्शिता स्तर का वर्णन करता है, जहां 1बिल्कुल भी पारदर्शी नहीं है, .550% दृश्यमान है, और 0पूरी तरह से पारदर्शी है।

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

100%

75%

50%

25%

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

यूटिलिटीज एपीआई

अस्पष्टता उपयोगिताओं को हमारी उपयोगिताओं एपीआई में scss/_utilities.scss. उपयोगिताओं API का उपयोग करना सीखें।

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