How to Create a CSS3 Image Brighten Effect
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.