Proprietà mask-mode CSS

Definizione e uso

mask-mode L'attributo specifica se l'immagine di maschera deve essere considerata come maschera di luminosità o alpha.

Rendi l'immagine di maschera visibile come maschera di luminosità:

.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;

Valore	Descrizione
match-source	Se l'attributo mask-image è un'immagine (URL dell'immagine o gradiente), imposta mask-mode su alpha. Se l'attributo mask-image è SVG <mask>, usa l'attributo mask-type dell'elemento <mask>. Questo è il valore predefinito.
luminance	Usa il valore di luminosità dell'immagine di maschera come valore di maschera.
alpha	Usa il valore alpha dell'immagine di maschera come valore di maschera.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Valore predefinito:	match-source
Ereditarietà:	No
Produzione di animazioni:	Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	Modulo di Maschera CSS Livello 1
Sintassi JavaScript:	object.style.maskMode="alpha"