透明度（Opacity）

opacity 屬性設定元素的透明度級別。透明度級別描述透明程度，其中 1 表示完全不透明，.5 表示 50% 可見，0 表示完全透明。

使用 .opacity-{value} 工具程式設定元素的 opacity。

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

CSS

Sass utilities API

透明度通用類別在 scss/_utilities.scss 中的 utilities API 中宣告。了解如何使用 utilities API。

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