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>
యుటిలిటీస్ API
లో మా యుటిలిటీస్ APIలో అస్పష్టత యుటిలిటీలు ప్రకటించబడ్డాయి scss/_utilities.scss
. యుటిలిటీస్ APIని ఎలా ఉపయోగించాలో తెలుసుకోండి.
"opacity": (
property: opacity,
values: (
0: 0,
25: .25,
50: .5,
75: .75,
100: 1,
)
),