CSS: mask ​

.instui-mask — gorchudd mewn‑llif sy’n llenwi ei riant wedi’i safle ac yn canolbwyntio ei gynnwys — e.e. troellwr uwchben cerdyn. Ar gyfer modal, dewiswch <dialog> brodorol (ei ::backdrop yw’r mwgwd). Mae pob un o’r diwygiwr hyn hefyd ar gael yn fyd‑eang (yn unig, neu wedi’u cadw ar unrhyw gydran arall) — gweler y cyfleustodda global mask.

Source: mask.css

Defnydd ​

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

Enghreifftiau ​

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

Modyfiwyr ​

ModyfiwrDisgrifiad
.-blurGwnewch yn aneglur yr hyn sy’n y tu ôl i’r mwgwd gan ddefnyddio backdrop-filter.
.-fullscreenWedi’i ffixio i’r viewport, gan ei orchuddio ar z‑index uchel.

Tocynnau a ddefnyddiwyd ​

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