How to Add An Awesome Tilt Effect To Images in Blogger

Hai friends. Today iam Here to Show you an Awesome Tilting Effect to Images in Blogger so that you can tilt Images When you Hover Your Mouse Cursor over the image.Well this is a cool effect to images.As You can See the Same Effect on Our Blog images.

How to add tilting Effect to Images :.

1) Go to Blogger Dashboard > Edit Html 
2) Now find ]]></b:skin> tag and paste the Below Code Right Above it

.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 if you want to Change the images to be rotated more then Just Change the Code above in green color to get Desired position and Just Save your template.Now Refresh Your blog and Enjoy the Awesome Tilting Effect.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

Powered by Blogger