Asosiy tarkibga o'tish Hujjatlar navigatsiyasiga oʻtish
Check
in English

Shaffoflik

Elementlarning shaffofligini nazorat qilish.

Xususiyat opacityelement uchun shaffoflik darajasini belgilaydi. Shaffoflik darajasi shaffoflik darajasini tavsiflaydi, bu erda 1umuman shaffof emas .5, 50% ko'rinadigan va 0butunlay shaffof.

opacityUtilitlardan foydalanib, elementni o'rnating .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>

Utilities API

Shaffoflik yordam dasturlari bizning API-da e'lon qilingan scss/_utilities.scss. API yordam dasturlarini qanday ishlatishni bilib oling.

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