Add Tilt Image Effect on Blogger Images | Awesome Trick

Some days ago I was searching about this technique and finally i got it. Tilt image effect is an effect when you place your mouse pointer on the image, it will be shaking. Tilt image effect is really awesome effect only for blogger. There are many image effects for blogger and it is one of them. Many of my friends like it, I hope you will also like it. So try it....

How To Add IT?

Just Follow Simple Steps:

•  Go To Blogger → Design → Edit HTML
•  Now Press CTRL + F To Find the following code

]]</b:skin>

• Copy and Paste the below code just Above it ]]</b:skin>

.post img {
-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}
.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}

• Now Just Save the template and done