અસ્પષ્ટતા

તત્વોની અસ્પષ્ટતાને નિયંત્રિત કરો.

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>

ઉપયોગિતાઓ API

અમારી યુટિલિટીઝ API માં અસ્પષ્ટ ઉપયોગિતાઓ જાહેર કરવામાં આવી છે scss/_utilities.scss. ઉપયોગિતા API નો ઉપયોગ કેવી રીતે કરવો તે જાણો.

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