CSS mask-mode egenskap

Definition och användning

mask-mode Egenskapen specificerar om skärmsläckarbildens ljusstyrka eller alfa-värde ska användas som skärmsläckarvärde.

Låt skärmsläckarbildens ljusstyrka ses som en ljusstäckare:

.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ärde	Beskrivning
match-source	Om mask-image-attributet är en bild (bild URL eller gradient), sätt mask-mode till alpha. Om mask-image-attributet är SVG <mask>, använd mask-type-attributet för <mask>-elementet. Detta är standardvärdet.
luminance	Använd ljusstyrkevärdet för skärmsläckaren som skärmsläckarvärde.
alpha	Använd alfa-värdet för skärmsläckaren som skärmsläckarvärde.
initial	Sätt denna egenskap till dess standardvärde. Se också initial.
inherit	Får denna egenskap från sin föräldrelement. Se också inherit.

Standardvärde:	match-source
Arv:	Nej
Animeringsproduktion:	Stöds inte. Se också:Animeringsrelaterade egenskaper.
Version:	CSS Masking Module Level 1
JavaScript-syntax:	object.style.maskMode="alpha"