ସ୍ୱଚ୍ଛତା |

ଉପାଦାନଗୁଡ଼ିକର ସ୍ୱଚ୍ଛତାକୁ ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |

ପ୍ରପର୍ଟି ଏକ ଉପାଦାନ ପାଇଁ opacityସ୍ୱଚ୍ଛତା ସ୍ତର ସେଟ୍ କରେ | ସ୍ୱଚ୍ଛତା ସ୍ତର ସ୍ୱଚ୍ଛତା ସ୍ତରକୁ ବର୍ଣ୍ଣନା କରେ, ଯେଉଁଠାରେ ଆଦ ent ସ୍ୱଚ୍ଛ 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>

ଉପଯୋଗିତା API

ଆମର ଉପଯୋଗିତା API ରେ Opacity ଉପଯୋଗିତା ଘୋଷିତ ହୋଇଛି scss/_utilities.scss| ଉପଯୋଗିତା API କିପରି ବ୍ୟବହାର କରିବେ ଶିଖନ୍ତୁ |

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