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 ویژگی تصویر (URL تصویر یا گرادیان) است، mask-mode را به alpha تنظیم کنید. اگر mask-image ویژگی SVG <mask> است، از ویژگی mask-type عناصر <mask> استفاده کنید. این مقدار پیش‌فرض است.
luminance	از مقادیر روشنایی تصویر پوشش استفاده کنید.
alpha	از مقادیر alpha تصویر پوشش استفاده کنید.
initial	این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به اینجا مراجعه کنید: initial.
inherit	این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به اینجا مراجعه کنید: inherit.

مقدار پیش‌فرض:	match-source
وراثت:	خیر
انیمیشن‌سازی:	پشتیبانی نمی‌شود. لطفاً به اینجا مراجعه کنید:ویژگی‌های مرتبط با انیمیشن.
نسخه:	مستند CSS Masking Module Level 1
قوانین جاوااسکریپت:	object.style.maskMode="alpha"