CSS mask-mode egenskab

Definition og brug

mask-mode Egenskaben specificerer, om skjulebilledet skal ses som en lysstyrke- eller alfa-skjulere.

Lad skjulebilledet ses som en lysstyrke-skjulere:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 70%;
  mask-repeat: no-repeat;
  mask-mode: luminance;
}

mask-mode: match-source|luminance|alpha|initial|inherit;

Værdi	Beskrivelse
match-source	Hvis mask-image egenskaben er et billede (billede URL eller gradient), sæt mask-mode til alpha. Hvis mask-image egenskaben er SVG <mask>, brug <mask>-elementets mask-type egenskab. Dette er standardværdien.
luminance	Brug lysstyrkeværdien af skjulebilledet som skjuleværdi.
alpha	Brug alfa-værdien af skjulebilledet som skjuleværdi.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra sin forældrelige element. Se: inherit.

Standardværdi:	match-source
Arv:	Nej
Animation fremstilling:	Ikke understøttet. Se:Animation-relaterede egenskaber.
Version:	CSS Masking Module Level 1
JavaScript syntaks:	object.style.maskMode="alpha"