Slaan oor na hoofinhoud Slaan oor na dokumentnavigasie
in English

Ondeursigtigheid

Beheer die ondeursigtigheid van elemente.

Die opacityeienskap stel die ondeursigtigheidsvlak vir 'n element. Die deursigtigheidsvlak beskryf die deursigtigheidsvlak, waar 1dit glad nie deursigtig is nie, .550% sigbaar is en 0heeltemal deursigtig is.

Stel die opacityvan 'n element met behulp van .opacity-{value}nutsprogramme.

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

Ondeursigtigheid nutsprogramme word verklaar in ons nutsprogramme API in scss/_utilities.scss. Leer hoe om die utilities API te gebruik.

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