Перейти до основного вмісту Перейти до навігації документами
in English

Непрозорість

Керуйте непрозорістю елементів.

Властивість 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>

API утиліт

Утиліти Opacity оголошено в нашому API утиліт у scss/_utilities.scss. Дізнайтеся, як використовувати API утиліт.

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