CSS invert() ఫంక్షన్

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

CSS యొక్క invert() ఫిల్టర్ ఫంక్షన్స్ చిత్రం రంగులను రివర్స్ చేయటానికి ఉపయోగిస్తాయి。

• 100% (1) చిత్రం పూర్తిగా రివర్స్ చేస్తుంది
• 0% (0) ఎటువంటి ప్రభావం లేదు

ఇన్స్టాన్స్

ఉదాహరణ 1

చిత్రం రంగులను రివర్స్ చేయండి:

#img1 {
  filter: invert(0.3);
}
#img2 {
  filter: invert(70%);
}
#img3 {
  filter: invert(100%);
}

స్వయంగా ప్రయోగించండి

ఉదాహరణ 2

సంకేతం చేస్తుంది invert() మరియు backdrop-filter సమానాన్ని ఉపయోగించండి:

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: invert(100%);
  backdrop-filter: invert(100%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

స్వయంగా ప్రయోగించండి

CSS సంకేతాలు

invert(amount)

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ ఫంక్షన్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ని సూచిస్తాయి。

సంబంధిత పేజీలు

参考：CSS ఫిల్టర్ అట్రిబ్యూట్

参考：CSS blur() ఫంక్షన్

参考：CSS brightness() ఫంక్షన్

参考：CSS contrast() ఫంక్షన్

参考：CSS drop-shadow() ఫంక్షన్

参考：CSS grayscale() ఫంక్షన్

参考：CSS hue-rotate() ఫంక్షన్

参考：CSS opacity() ఫంక్షన్

参考：CSS saturate() ఫంక్షన్

参考：CSS sepia() 函数