brightness फ़ंक्शन

brightness फ़ंक्शन बैकग्राउंड इमेज की चमक बदलने की अनुमति देता है। मूल चमक 100% या 1 मान से निर्धारित होती है, इन्हें कम करने पर इमेज की चमक भी कम हो जाती है। तदनुसार 100% से अधिक मान बढ़ाने पर चमक बढ़ जाती है। नकारात्मक मान लागू नहीं होते हैं, और खाली मान स्वचालित रूप से 1 के रूप में माना जाता है।

सिंटैक्स

cssसिलेक्टर {
  filter: brightness(संख्या);
}

उदाहरण

चलिए हम अपनी इमेज के लिए चमक 20% पर सेट करते हैं:

html<div id="elem"></div>

css#elem {
  filter: brightness(20%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

उदाहरण

और अब चलिए इमेज की चमक बढ़ाकर 120% कर देते हैं:

html<div id="elem"></div>

css#elem {
  filter: brightness(120%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

उदाहरण

चलिए हम अपनी इमेज के लिए मूल चमक सेट करते हैं:

html<div id="elem"></div>

css#elem {
  filter: brightness(1);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

यह भी देखें