brightness() CSS Function
brightness() CSS function applies a linear multiplier to an image, making it appear more or less bright. A value of 0% will create an image that is completely black. A value of 100% leaves the image unchanged.
brightness() = brightness( <number-percentage>? )
- number-percentageA value of 100% or 1 leaves the image unchanged. Any values less than 100% (or less than 1) reduce the brightness of the image. Thus, 0 gives a completely black picture. Values greater than 100% (or greater than 1) increase the brightness of the image.
<img class="brightness" src="images/nature.jpg" alt="Brightness Example">
<img class="brightness2" src="images/nature.jpg" alt="Brightness Example">
|Tablets / Mobile|