Cool CSS Hover Effect For Blogger Images

This trick will make all your images fade and on mouse hover the images will become normal. This effect uses css and is easy to apply.This effect is made by me. The css script once applied to your blog will change all your images. This effect is just to make your images look better and to make visitors a bit interested in your site. So have this images fade in effect to blogger.

Follow the Below Steps:

1. Login to your Dashboard.
2. Go to Templates--->Edit Html.
3. Find for ]]></b:skin>
4. Copy and paste the below code above/before ]]></b:skin>

.post-body img {
opacity:0.7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.post-body img:hover {
opacity:1.0;
}

Now, Click on Save the Template.


It's Done.

Categories: Blogger Tricks , CSS