Thuộc tính mask-mode CSS

Định nghĩa và cách sử dụng

mask-mode Thuộc tính xác định hình ảnh che phủ nên được coi là hình ảnh che phủ độ sáng hay alpha.

Để hình ảnh che phủ được coi là hình ảnh che phủ độ sáng:

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

Giá trị	Mô tả
match-source	Nếu thuộc tính mask-image là hình ảnh (URL hình ảnh hoặc dải màu), thì đặt mask-mode thành alpha. Nếu thuộc tính mask-image là SVG <mask>, thì sử dụng thuộc tính mask-type của phần tử <mask>. Đây là giá trị mặc định.
luminance	Sử dụng giá trị độ sáng của hình ảnh che phủ làm giá trị che phủ.
alpha	Sử dụng giá trị alpha của hình ảnh che phủ làm giá trị che phủ.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Giá trị mặc định:	match-source
Kế thừa:	Không
Chế tạo hoạt hình:	Không hỗ trợ. Xem thêm:Các thuộc tính liên quan đến hoạt hình.
Phiên bản:	Module ẩn罩 CSS cấp 1
Ngôn ngữ lập trình JavaScript:	object.style.maskMode="alpha"