CSS mask-mode özelliği

Tanım ve Kullanım

mask-mode Özellik, maska katman görselinin parlamışlık maska olarak mı yoksa alpha maska olarak mı görülmesini belirler.

Maska katman görselinin parlamışlık maskası olarak görülmesini sağlar:

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

Değer	Açıklama
match-source	mask-image özelliği görsel (görsel URL veya gradyan) ise, mask-mode'yu alpha olarak ayarlar. mask-image özelliği SVG <mask> ise, <mask> elementinin mask-type özelliğini kullanır. Bu varsayılan değerdir.
luminance	Maska görselinin parlamışlık değerini maska değeri olarak kullanır.
alpha	Maska görselinin alpha değerini maska değeri olarak kullanır.
initial	Bu özelliği varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit	Bu özelliği ebeveyn elementinden devralır. Ayrıca bakınız: inherit.

Varsayılan Değer:	match-source
Devralabilirlik:	Hayır
Animasyon Yapımı:	Desteklenmiyor. Ayrıca bakınız:Animasyon İle İlgili Özellikler.
Sürüm:	CSS Masking Modülü 1
JavaScript Dilbilgisi:	object.style.maskMode="alpha"