Gean nei haadynhâld Gean nei dokumintnavigaasje
Check
in English

Opaciteit

Kontrolearje de opaciteit fan eleminten.

It opacitypân stelt it dekkingsnivo foar in elemint yn. De opaciteit nivo beskriuwt de transparânsje nivo, dêr't 1is net transparant at all, .5is 50% sichtber, en 0is folslein transparant.

Stel de opacityfan in elemint mei help fan .opacity-{value}nutsbedriuwen.

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

Opaciteit nutsbedriuwen wurde ferklearre yn ús nutsbedriuwen API yn scss/_utilities.scss. Learje hoe't jo de utilities API brûke.

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