അതാര്യത

മൂലകങ്ങളുടെ അതാര്യത നിയന്ത്രിക്കുക.

പ്രോപ്പർട്ടി ഒരു 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,
      )
    ),