Go to Html code ad this div:

 

<div class=”brighten_pict”>
<img src=”http://yourwebsite.com/300/400/technics/2″ alt=”sea”>
</div>
1
2
3
<div class=”brighten_pict”>
<img src=”http://yourwebsite.com/300/300/technics/2″ alt=”sea”>
</div>

 

Then Ad this CSS3 Tag in your Css File:

 

 

.brighten_pict {
-webkit-filter: brightness(-67%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.brighten_pict:hover {
-webkit-filter: brightness(0%);
}

 

 

Web Design India provide Creative Website Design Services and also HTML5 & CSS3 Tutorial for web site Designer.