Attribut mask-mode CSS

Définition et utilisation

mask-mode L'attribut spécifie si l'image de masquage doit être traitée comme une image de masquage de luminosité ou alpha.

Faites que l'image de masquage soit traitée comme une image de masquage de 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;

Valeur	Description
match-source	Si l'attribut mask-image est une image (URL d'image ou dégradé), réglez mask-mode sur alpha. Si l'attribut mask-image est un SVG <mask>, utilisez l'attribut mask-type de l'élément <mask>. C'est la valeur par défaut.
luminance	Utilisez la valeur de luminosité de l'image de masquage comme valeur de masquage.
alpha	Utilisez la valeur alpha de l'image de masquage comme valeur de masquage.
initial	Réinitialise cette propriété à sa valeur par défaut. Voir : initial.
inherit	Inherits cette propriété de son élément parent. Voir : inherit.

Valeur par défaut :	match-source
Héritabilité :	Non
Réalisation des animations :	Non pris en charge. Voir :Propriétés liées aux animations.
Version :	Module de masquage CSS niveau 1
Syntaxe JavaScript :	object.style.maskMode="alpha"