Svetuka kune chikuru content Svetuka kuenda kudocs navigation
Check
in English

Opacity

Dzora kupenya kwezvinhu.

Iyo opacitypfuma inoisa iyo opacity level yechinhu. Iyo opacity level inotsanangura iyo transparency level, iyo 1isina kujeka zvachose, .5iri 50% inooneka, uye 0iri pachena.

Seta iyo opacityyechinhu uchishandisa .opacity-{value}zvishandiso.

100%
75%
50%
25%
<div class="opacity-100">...</div>
<div class="opacity-75">...</div>
<div class="opacity-50">...</div>
<div class="opacity-25">...</div>

Purogiramu inonzi Utilities

Opacity utilities inoziviswa mune yedu zvishandiso API mu scss/_utilities.scss. Dzidza mashandisiro ezvishandiso API.

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