अस्पष्टता

तत्वहरूको अस्पष्टता नियन्त्रण गर्नुहोस्।

opacityगुणले तत्वको लागि अस्पष्टता स्तर सेट गर्दछ । अस्पष्टता स्तरले पारदर्शिता स्तर वर्णन गर्दछ, जहाँ 1बिल्कुल पारदर्शी छैन, .550% देखिने 0छ, र पूर्ण रूपमा पारदर्शी छ।

उपयोगिताहरू opacityप्रयोग गरेर तत्वको सेट गर्नुहोस् ।.opacity-{value}

100%

७५%

५०%

२५%

<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,
      )
    ),