| 类名 | 样式 |
|---|---|
| .opacity-0 | opacity: 0; |
| .opacity-25 | opacity: 0.25; |
| .opacity-50 | opacity: 0.5; |
| .opacity-75 | opacity: 0.75; |
| .opacity-100 | opacity: 1; |
opacity 属性设置元素的不透明度级别。不透明度级别描述透明度，其中 1 完全不透明，.5 可见度为 50%，0 完全透明。
设置 opacity 使用元素的 .opacity-{value} 工具类
100%
75%
50%
25%
0%
<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。
"opacity": (
property: opacity,
values: (
0: 0,
25: .25,
50: .5,
75: .75,
100: 1,
)
),