in English
अस्पष्टता
तत्वों की अस्पष्टता को नियंत्रित करें।
गुण किसी तत्व के opacity
लिए अपारदर्शिता स्तर सेट करता है। अस्पष्टता स्तर पारदर्शिता स्तर का वर्णन करता है, जहां 1
बिल्कुल भी पारदर्शी नहीं है, .5
50% दृश्यमान है, और 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,
)
),