Гузаштан ба мундариҷаи асосӣ Ба паймоиши ҳуҷҷатҳо гузаред
Check
in English

Шаффофият

Шаффофияти элементҳоро назорат кунед.

Амвол opacityсатҳи шаффофиятро барои элемент муқаррар мекунад. Сатҳи шаффофият сатҳи шаффофиятро тавсиф мекунад, ки дар 1он тамоман шаффоф нест, .550% намоён аст ва 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 Utilities

Утилитҳои шаффофият дар API утилитаҳои мо дар scss/_utilities.scss. Омӯзед, ки чӣ тавр истифода бурдани API-и коммуналӣ.

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