Opacity

Puleaina le opacity o elemene.

O le opacitymeatotino e setiina le maualuga o le opacity mo se elemene. O le opacity level o loʻo faʻamatalaina ai le tulaga manino, i le mea 1e le o manino, .5e 50% vaʻaia, ma 0e manino atoatoa.

Seti le opacityelemene e faʻaaoga ai .opacity-{value}mea aoga.

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

Opacity utilities o loʻo faʻaalia i totonu oa matou mea aoga API i scss/_utilities.scss. A'oa'o pe fa'afefea ona fa'aoga mea aoga API.

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