CSS: mask

.instui-mask — He papanga i roto i te rerenga e kī ana i tōna mātua kua whakatakotoria, ā, ka whakakotahi i ōna ihirangi ki te pokapū — hei tauira, he tohu hurihuri kei runga i tētahi kāri. Mō tētahi mōhiti, he pai ake te whakamahi i te <dialog> taketake (ko tōna ::backdrop te māsku). Kei ia kotahi o ēnei whakatikatika he whakaaturanga ā-ao anō hoki (mā te ingoa anake, rānei ka herea ki tētahi atu wāhanga) — titiro ki te taputapu ā-ao mask.

Source: mask.css

Ngā Whakamahi

@import "@pantoken/components/components.css";
@import "@pantoken/components/mask.css";

Ngā tauira

<div style="position: relative">
  <div class="instui-mask">
    <span class="instui-spinner"></span>
  </div>
</div>

Ngā Kaitī

Kaiwhakatikatika	Whakamārama
.-blur	Whakakakarakarahia ngā mea kei muri o te māsku mā te whakamahi i te backdrop-filter.
.-fullscreen	Kua āta tū ki te matapihi tirohanga, e kapi ana i taua wāhi, ā, kei runga i te taumata z-index teitei.

Ngā tohu i whakamahia

Token	Momo	Uara
--instui-component-mask-background-color	<color>	LightDarklight-dark(rgba(255,255,255,0.75), rgba(28,34,43,0.75))