CSS మాస్క్-టైప్ అట్రిబ్యూట్

కోర్సు సిఫార్సు:

నిర్వచనం మరియు ఉపయోగం mask-type

ఈ లక్షణం ఆకృతీకరణకు ఉపయోగపడుతుంది సవరణకు ఉపయోగపడుతుంది.

ఉదాహరణ

రెండు SVG <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 మాస్క్ అట్రిబ్యూట్

参考：CSS మాస్క్-క్లిప్ అట్రిబ్యూట్

参考：CSS మాస్క్-కాంపోజిట్ అట్రిబ్యూట్

参考：CSS మాస్క్-ఇమేజ్ అట్రిబ్యూట్

参考：CSS మాస్క్-మోడ్ అట్రిబ్యూట్

参考：CSS మాస్క్-ఓరిజిన్ అట్రిబ్యూట్

参考：CSS మాస్క్-పోసిషన్ అట్రిబ్యూట్

参考：CSS మాస్క్-రీపీట్ అట్రిబ్యూట్

参考：CSS మాస్క్-సైజ్ అట్రిబ్యూట్