Opacity

Tswj qhov opacity ntawm cov khoom.

Cov opacitycuab yeej teev cov qib opacity rau ib lub caij. Cov qib opacity piav qhia txog qib pob tshab, qhov twg 1tsis yog pob tshab, .5yog 50% pom, thiab 0pob tshab kiag li.

Teem lub opacityntsiab ntawm cov khoom siv .opacity-{value}hluav taws xob.

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 tau tshaj tawm hauv peb cov khoom siv hluav taws xob API hauv scss/_utilities.scss. Kawm paub siv cov khoom siv hluav taws xob API li cas.

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