ஒளிபுகாநிலை

உறுப்புகளின் ஒளிபுகாநிலையைக் கட்டுப்படுத்தவும்.

பண்பு ஒரு உறுப்புக்கான 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,
      )
    ),