CSS ماسک کومپوزیت کی خاصیت

تعریف و استفاده

mask-composite ویژگی مشخص می‌کند که عمل ترکیبی استفاده شده توسط لایه پوشش فعلی و لایه پوشش زیرین چیست.

مثال

نمایش mask-composite مقدارهای مختلف ویژگی:

.masked {
  width: 200px;
  height: 200px;
  mask-repeat: بدون تکرار;
  mask-size: 100%;
  background: آبی;
  -webkit-mask-image: url(img_rectangle.svg), radial-gradient(transparent 50%, black);
  mask-image: url(img_rectangle.svg), radial-gradient(transparent 50%, black);
}
.mask1 {
  mask-composite: افزودن;
}
.mask2 {
  mask-composite: کسر;
}
.mask3 {
  mask-composite: همپوشانی;
}
.mask4 {
  mask-composite: exclude;
}

آزمایش کنید

جملات CSS

mask-composite: add|subtract|intersect|exclude|initial|inherit;

مقدار ویژگی

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را کامل پشتیبانی می‌کنند.

106

مربوط پیجتعلیم:

CSS کا چھترCSS ماسک کی خاصیت

CSS کا چھترCSS ماسک کلیپ کی خاصیت

CSS کا چھترCSS ماسک آیکن کی خاصیت

CSS کا چھترCSS ماسک موڈ کی خاصیت

CSS کا چھترCSS ماسک اورجین کی خاصیت

CSS کا چھترCSS ماسک پوزیشن کی خاصیت

CSS کا چھترCSS ماسک ریپیٹ کی خاصیت

CSS کا چھترCSS ماسک سائز کی خاصیت

CSS کا چھترCSS ماسک ٹائپ کی خاصیت