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() फ़ंक्शन