Добавлено в v5.1
Просмотреть на GitHub
Непрозрачность
Управляйте непрозрачностью элементов.
Свойство 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
API утилит Sass
Утилиты непрозрачности объявлены в нашем API утилит в scss/_utilities.scss
. Узнайте, как использовать API утилит.
"opacity": (
property: opacity,
values: (
0: 0,
25: .25,
50: .5,
75: .75,
100: 1,
)
),