CSS właściwość mask-mode

Definicja i zastosowanie

mask-mode Atrybut określa, czy obraz maski powinien być traktowany jako maska jasności czy alpha.

Ustaw obraz maski jako maskę jasności:

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

Wartość	Opis
match-source	Jeśli atrybut mask-image jest obrazem (adres URL obrazu lub gradient), ustaw mask-mode na alpha. Jeśli atrybut mask-image jest SVG <mask>, użyj atrybutu mask-type elementu <mask>. To jest wartość domyślna.
luminance	Użyj wartości jasności obrazu maski jako wartości maski.
alpha	Użyj wartości alpha obrazu maski jako wartości maski.
initial	Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial.
inherit	Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz: inherit.

Domyślna wartość:	match-source
Inheredność:	Nie
Tworzenie animacji:	Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja:	Moduł Maskowania CSS Poziom 1
Gramatyka JavaScript:	object.style.maskMode="alpha"