CSS sepia() फ़ंक्शन

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

CSS के sepia() फ़िल्टर फ़ंक्शन इमेज को गहरे भूरे रंग में बदलता है (एक औरशीर्ष और भूरे/दाना रंग)।

  • 100%（या 1）इमेज को पूरी तरह से गहरे भूरे रंग में बदल देगा
  • 0%（या 0）कोई प्रभाव नहीं होगा

उदाहरण

उदाहरण 1

इमेज को अलग-अलग sepia प्रभाव देना:

#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）मूल इमेज (बिना प्रभाव) को प्रदर्शित करता है।मूल वलय 0 है।

तकनीकी विवरण

संस्करण: CSS Filter Effects Module Level 1

ब्राउज़र समर्थन

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

च्रोम एज फ़ायरफॉक्स सफारी ओपेरा
18 12 35 6 15

संबंधित पृष्ठ

संदर्भःCSS filter गुण

संदर्भःCSS blur() फ़ंक्शन

संदर्भःCSS brightness() फ़ंक्शन

संदर्भःCSS contrast() फ़ंक्शन

संदर्भःCSS drop-shadow() फ़ंक्शन

संदर्भःCSS grayscale() फ़ंक्शन

संदर्भःCSS hue-rotate() फ़ंक्शन

संदर्भःCSS invert() फ़ंक्शन

संदर्भःCSS ऑपैक्सी() फ़ंक्शन

संदर्भःCSS सेटरेटेड() फ़ंक्शन