मुख्य विषयवस्तु में जाएं डॉक्स नेविगेशन पर जाएं
in English

अस्पष्टता

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

गुण किसी तत्व के 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,
      )
    ),