Setting the Image Brightness using CSS3

CSSWeb DevelopmentFront End Technology

To set image brightness in CSS, use filter brightness(%). Remember, the value 0 makes the image black, 100% is for original image and default. Rest, you can set any value of your choice, but values above 100% would make the image brighter.

Example

Let us now see an example −

Live Demo

<!DOCTYPE html>
<html>
<style>
img.demo {
filter: brightness(120%);
}
</style>
</html>