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	మాస్క్ చిత్రం పైన ఉన్న మాస్క్ చిత్రం చిత్రం (చిత్రం URL లేదా గ్రేడియెంట్) ఉంటే, mask-mode ను alpha గా సెట్ చేయండి. మాస్క్ చిత్రం పైన ఉన్న మాస్క్ చిత్రం ఉంటే, <mask> ఎలిమెంట్ యొక్క mask-type లక్షణాన్ని వాడండి. ఇది అప్రమేయ విలువ.
luminance	మాస్క్ చిత్రం యొక్క ప్రకాశవంతత విలువను మాస్క్ విలువగా వాడండి.
alpha	మాస్క్ చిత్రం యొక్క alpha విలువను మాస్క్ విలువగా వాడండి.
initial	ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. ఈ కి సంబంధించి చూడండి: initial.
inherit	ఈ లక్షణాన్ని తన ముందస్తు ఎలిమెంట్ నుండి పారంపర్యం చేసుకుంటుంది. ఈ కి సంబంధించి చూడండి: inherit.

అప్రమేయ విలువ:	match-source
పారంపర్యం:	ఏ
అనిమేషన్ నిర్మాణం:	మద్దతు లేదు. దయచేసి ఈ కి సంబంధించి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్:	CSS మాస్కింగ్ మొడ్యూల్ లెవల్ 1
జావాస్క్రిప్ట్ సంకేతాలు:	object.style.maskMode="alpha"

పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్స్ నిర్ణయిస్తాయి.

క్రోమ్	ఎడ్జ్	ఫైర్‌ఫాక్స్	సఫారీ	ఆపెరా
120	120	53	15.4	106