Langkau ke kandungan utama Langkau ke navigasi dokumen
in English

Kelegapan

Kawal kelegapan unsur.

Sifat opacitymenetapkan tahap kelegapan untuk elemen. Tahap kelegapan menerangkan tahap ketelusan, 1yang tidak telus sama sekali, .550% boleh dilihat dan 0telus sepenuhnya.

Tetapkan opacityelemen menggunakan .opacity-{value}utiliti.

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

API Utiliti

Utiliti kelegapan diisytiharkan dalam API utiliti kami dalam scss/_utilities.scss. Ketahui cara menggunakan API utiliti.

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