دستورالعمل‌های مرجع CSS

خصائص-الCSS

mask-mode يحدد هذا الخاصية ما إذا كان يجب معالجة صورة التمويه كتمويه إضاءة أو تمويه alpha.

اجعل صورة التمويه تُعتبر تمويه إضاءة:

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

القيمة	الوصف
match-source	إذا كان mask-image خاصية صورة (رابط صورة أو درجة حرارة)، قم بضبط mask-mode على alpha. إذا كان mask-image خاصية SVG <mask>، استخدم خاصية mask-type لعنصر <mask>. هذه هي القيمة الافتراضية.
luminance	استخدم قيمة الإضاءة كقيمة للتمويه باستخدام صورة التمويه.
alpha	استخدم قيمة alpha كقيمة للتمويه باستخدام صورة التمويه.
initial	ضعه على قيمة افتراضية. انظر initial.
inherit	يرث هذا الخصائص من عنصر الأب. انظر inherit.

القيمة الافتراضية:	match-source
الوراثة:	لا
صناعة الرسوم المتحركة:	غير مدعوم. انظر:خصائص متعلقة بالتحرك.
الإصدار:	مستوى 1 لمodule CSS Masking
جافا سكربت نحو:	object.style.maskMode="alpha"