# Adjusting the Image Contrast using CSS3

CSSWeb DevelopmentFront End Technology

To set image contrast in CSS, use filter contrast(%). 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 with more contrast.

## Example

Let us now see an example to adjust image contrast with CSS3 −

Live Demo

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