不透明度

控制元素的不透明度。

本页目录

opacity 属性设置元素的不透明度级别。不透明度级别描述透明度，其中 1 完全不透明，.5 可见度为 50%，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>
<div class="opacity-0">...</div>

CSS

Sass 工具 API

不透明度工具在我们的工具 API 中的 scss/_utilities.scss 中声明。了解如何使用工具 API。

scss/_utilities.scss

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