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

పైన పేజీ CSS scaleY() ఫంక్షన్
తదుపరి పేజీ CSS sin() ఫంక్షన్
పైకి తిరిగి వెళ్ళు సిఎస్ఎస్ ఫంక్షన్ రిఫరెన్స్ మ్యాన్యువల్

CSS sepia() ఫంక్షన్

నిర్వచనం మరియు ఉపయోగం sepia() CSS యొక్క

ఫిల్టర్ ఫంక్షన్స్ చిత్రాన్ని కాలింగ్ తిరిగి చేస్తాయి (ఒక చమురు మరియు పసుపు రంగుల కలయిక రంగు).
100%（లేదా 1）అనేది చిత్రాన్ని పూర్తిగా కాలింగ్ తిరిగి చేస్తుంది

0%（లేదా 0）అనేది ప్రభావం లేని చిత్రాన్ని సూచిస్తుంది

ఉదాహరణ

ఉదాహరణ 1

చిత్రాలకు వేర్వేరు కాలింగ్ ప్రభావాలను అమర్చండి:
  #img1 {
}
filter: sepia(1);
  #img2 {
}
filter: sepia(60%);
  #img3 {
}

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

filter: sepia(0.4);

ఉదాహరణ 2 sepia() మరియు backdrop-filter అంశాలను కలిపి ఉపయోగించండి:

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

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

CSS సంకేతాలు

sepia(amount)

విలువ	వివరణ
amount	ఎంపికాత్మకం. కాలింగ్ విలువను నిర్దేశించండి, దానిని సంఖ్యగా లేదా శాతముగా పేర్కొనవచ్చు. 100%（లేదా 1）అనేది కూడాను అంశాన్ని పూర్తిగా కాలింగ్ తిరిగి చేస్తుంది. 0%（లేదా 0）అనేది మూల చిత్రాన్ని (ప్రభావం లేని) సూచిస్తుంది. డిఫాల్ట్ విలువ అని పరిగణించబడుతుంది.

విలువ

వివరణ

amount

ఎంపికాత్మకం. కాలింగ్ విలువను నిర్దేశించండి, దానిని సంఖ్యగా లేదా శాతముగా పేర్కొనవచ్చు.

100%（లేదా 1）అనేది కూడాను అంశాన్ని పూర్తిగా కాలింగ్ తిరిగి చేస్తుంది.

0%（లేదా 0）అనేది మూల చిత్రాన్ని (ప్రభావం లేని) సూచిస్తుంది. డిఫాల్ట్ విలువ అని పరిగణించబడుతుంది.