Properti mask-mode CSS

Definisi dan penggunaan

mask-mode Atribut menentukan apakah gambar lapisan masker dianggap sebagai masker kecerahan atau alpha masker.

Buat gambar lapisan masker dianggap sebagai masker kecerahan:

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

Nilai	Deskripsi
match-source	Jika atribut mask-image adalah gambar (URL gambar atau gradien), atur mask-mode menjadi alpha. Jika atribut mask-image adalah SVG <mask>, gunakan atribut mask-type elemen <mask>. Ini adalah nilai default.
luminance	Gunakan nilai kecerahan gambar masker sebagai nilai masker.
alpha	Gunakan nilai alpha gambar masker sebagai nilai masker.
initial	Atur atribut ini ke nilai default. Lihat: initial.
inherit	Mengambil atribut ini dari elemen orangtua. Lihat: inherit.

Nilai default:	match-source
Inheritsi:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi:	Modul Masking CSS Level 1
Syntaks JavaScript:	object.style.maskMode="alpha"