Тунгалаг байдал

Элементүүдийн тунгалаг байдлыг хянах.

Энэ opacityшинж чанар нь элементийн тунгалаг байдлын түвшинг тогтоодог. Тунгалаг байдлын түвшин нь ил тод байдлын түвшинг тодорхойлдог бөгөөд энэ 1нь огт ил тод биш, .550% харагдах бөгөөд 0бүрэн ил тод байдаг.

Хэрэгслийг opacityашиглан элементийг тохируулна уу .opacity-{value}.

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

Ил тод байдлын хэрэгслүүдийг манай хэрэгслүүдийн API-д зарласан scss/_utilities.scss. API хэрэгслүүдийг хэрхэн ашиглах талаар суралц.

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