1111
Перейти к основному содержаниюПерейти к навигации по документам
Добавлено в v5.1Cмотреть на GitHub

Непрозрачность

Управляйте непрозрачностью элементов.

На этой странице

Свойство opacity устанавливает уровень непрозрачности элемента. Уровень непрозрачности описывает уровень прозрачности, где 1 вообще не прозрачен, .5 - видимый на 50%, а 0 - полностью прозрачный.

Установите непрозрачность opacity элемента с помощью утилит .opacity-{value}.

100%
75%
50%
25%
<divclass="opacity-100">...</div><divclass="opacity-75">...</div><divclass="opacity-50">...</div><divclass="opacity-25">...</div>

CSS

Sass API утилиты

Утилиты непрозрачности объявлены в нашем API утилит в scss/_utilities.scss. Узнайте, как использовать API утилит

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