Độ mờ

Kiểm soát độ mờ của các phần tử.

Thuộc opacitytính đặt mức độ mờ cho một phần tử. Mức độ mờ mô tả mức độ trong suốt, nơi hoàn toàn 1không trong suốt, .5có thể nhìn thấy 50% và 0hoàn toàn trong suốt.

Đặt opacityphần tử bằng cách sử dụng .opacity-{value}các tiện ích.

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 tiện ích

Các tiện ích Opacity được khai báo trong API tiện ích của chúng tôi trong scss/_utilities.scss. Tìm hiểu cách sử dụng API tiện ích.

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