CSS mask-composite प्रतियोगिता

परिभाषा और उपयोग

mask-composite गुण इस शीर्ष मास्क लेयर और उसके नीचे के मास्क लेयर के लिए उपयोग करने वाले संयोजन ऑपरेशन को निर्दिष्ट करता है。

उदाहरण

प्रदर्शित mask-composite गुण के विभिन्न मूल्य:

.masked {
  width: 200px;
  height: 200px;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background: blue;
  -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: add;
}
.mask2 {
  mask-composite: subtract;
}
.mask3 {
  mask-composite: intersect;
}
.mask4 {
  mask-composite: exclude;
}

अपने आप सिर्फ आया

CSS ग्रामर

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

गुण मूल्य

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

संबंधित पृष्ठ

ट्यूटोरियल：CSS मास्क

संदर्भ：CSS mask प्रतियोगिता

संदर्भ：CSS mask-clip प्रतियोगिता

संदर्भ：CSS mask-image प्रतियोगिता

संदर्भ：CSS mask-mode प्रतियोगिता

संदर्भ：CSS mask-origin प्रतियोगिता

संदर्भ：CSS mask-position प्रतियोगिता

संदर्भ：CSS mask-repeat प्रतियोगिता

संदर्भ：CSS mask-size प्रतियोगिता

संदर्भ：CSS mask-type प्रतियोगिता