How to add zoom effect to blogger post images.

Advertisements

we have demonstrated to you some essential impacts you can include to pictures your blog.but with the headway of CSS we can now utilize better impacts with less code and all in a manner even a supreme novice can do it.also I will be showing this in a manner that once the code is included the impact will be just pictures inside your posts.we will be including some more favor impacts in the following few posts however we will begin with a perfect zoom.

View Demo

The predominant impact we will blanket is a great zoom were upon the picture will be shown as ordinary then when you put the cursor over it the picture develops to a zoom.this is an exceptional impact in two ways, assuming that you really need guests to have the capacity to zoom into your pictures or assuming that you simply need something that looks cool.

Previous Articles For you ::

Steps To Add Css Zoom Effect To Blogger

Open the blogger dashboard.
Click on template
Find ]]></b:skin>
Paste the below code just above ]]></b:skin>

/* CSS image zoom effect http://www.simbh.com */
.post img {
height: 100%;
width: 100%;

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

}

.post img:hover {
width: 150%;
height: 150%;
}
/*CSS image zoom effect http://www.simbh.com */