Gå til hovedinnhold Hopp til dokumentnavigering
in English

Opasitet

Kontroller opasiteten til elementene.

Egenskapen opacityangir opasitetsnivået for et element. Opasitetsnivået beskriver gjennomsiktighetsnivået, hvor 1det ikke er gjennomsiktig i det hele tatt, .5er 50 % synlig og 0er helt gjennomsiktig.

Angi opacityet element ved hjelp av .opacity-{value}verktøy.

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

Opasitetsverktøy er deklarert i vår utilities API i scss/_utilities.scss. Lær hvordan du bruker utilities API.

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