אָופּאַסאַטי

קאָנטראָל די אָופּאַסאַטי פון עלעמענטן.

די 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>

Utilities API

אָופּאַסאַטי יוטילאַטיז זענען דערקלערט אין אונדזער יוטילאַטיז אַפּי אין scss/_utilities.scss. לערנען ווי צו נוצן די Utilities API.

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