CSS mask-mode प्रयोग

वर्णन और उपयोग

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> एलीमेंट के mask-type गुण का उपयोग करें। यह मूलभूत मान है।
luminance	इस गुण को छाया छवि के चमकीलापन मान के रूप में छाया मान के रूप में सेट करें।
alpha	इस गुण को छाया छवि के alpha मान के रूप में छाया मान के रूप में सेट करें।
initial	इस गुण को उसके मूलभूत मान पर सेट करें।देखें initial।
inherit	इस गुण को उसके माता एलीमेंट से विरासत करें।देखें inherit।

मूलभूत मान:	match-source
विरासतशीलता:	नहीं
एनीमेशन निर्माण:	नहीं समर्थित।देखें:एनीमेशन संबंधी गुण।
संस्करण:	CSS Masking Module Level 1
जेसक्रिप्ट गणित:	object.style.maskMode="alpha"

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

च्रोम	एज	फायरफॉक्स	सैफारी	ऑपेरा
120	120	53	15.4	106