Go to Html code ad this div:


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


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.

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>