CSS brightness() फ़ंक्शन

परिभाषा और उपयोग

CSS का brightness() फ़िल्टर फ़ंक्शन एलिमेंट की चमकीलापन को समायोजित करता है。

  • 0% छवि को पूरी तरह से काला बनाता है
  • 100%（या 1）डिफ़ॉल्ट मूल्य है जो मूल छवि को प्रदर्शित करता है
  • 100% से अधिक मूल्य छवि को अधिक उज्जवल बनाता है
  • 100% से कम मूल्य छवि को अधिक अस्पष्ट बनाता है

उदाहरण

उदाहरण 1

छवि को मूल छवि से अधिक या कम उज्जवल बनाता है:

#img1 {
  filter: brightness(150%);
}
#img2 {
  filter: brightness(50%);
}

अपने आप प्रयोग करें

उदाहरण 2

जो brightness() और backdrop-filter गुणों का संयोजन:

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

अपने आप प्रयोग करें

CSS व्याकरण

brightness(amount)
मूल्य वर्णन
amount

वैकल्पिक। चमकीलापन मूल्य निर्दिष्ट करें जो संख्या या प्रतिशत हो सकती है。

0% एलिमेंट को पूरी तरह से काला बनाता है। 100%（या 1）डिफ़ॉल्ट मूल्य है जो मूल छवि (बिना प्रभाव) को प्रदर्शित करता है。

100% से अधिक मूल्य छवि को अधिक उज्जवल बनाता है。

तकनीकी विवरण

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

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

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

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

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

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

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

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

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

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

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

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

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

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

संदर्भःCSS सेपिया() फ़ंक्शन