CSS mask-type प्रभाव

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

mask-type गुण निर्देशक

इस गुण एसवीजी <mask> एलीमेंट के लिए लागू होता है。

उदाहरण

दो एसवीजी <mask> एलीमेंट देखें; एक इस्तेमाल करता है mask-type: alphaके रूप में एक और इस्तेमाल करता है mask-type: luminance：

<svg width="200" height="120" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <mask id="mask1" maskContentUnits="objectBoundingBox" style="mask-type:alpha">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
    <mask id="mask2" maskContentUnits="objectBoundingBox" style="mask-type:luminance">
      <rect width="10" height="10" fill="red" fill-opacity="0.7" />
    </mask>
  </defs>
</svg>

स्वयं को प्रयास करें

CSS व्याकरण

mask-type: luminance|alpha|initial|inherit;

गुण मान

तकनीकी विवरण

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

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

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

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

संदर्भःCSS mask प्रभाव

संदर्भःCSS mask-clip प्रभाव

संदर्भःCSS mask-composite प्रभाव

संदर्भःCSS mask-image प्रभाव

संदर्भःCSS mask-mode प्रभाव

संदर्भःCSS mask-origin प्रभाव

संदर्भःCSS mask-position प्रभाव

संदर्भःCSS mask-repeat प्रभाव

संदर्भःCSS mask-size प्रभाव