How To Add Image Tilt Image Hover Effect on Blogger Posts

 Hey Friends, you all know that the pictures are the best things which make your blogger or website more beautifull, so try to make the blog or website more attractive with pictures. Try to  add the best picture quality with some attractive effects like today  i'm going to telling you that how can we add a effect like tilt the image in the blogger. Everybody likes this tilting of image. Whenever the person will hover the mouse coursor  on the any image it will tilt and bend little bit which looks nice. So there are only few steps by which you can make your blog/website more attractive.

Follow these steps to add tilt image hover effect on blogger posts

1. Login with your blogger account, open the blog at which you want to add this effect.

2. Click on Template and then click on Edit HTML

3. The HTML Template Codes box will appeared. Then Press Ctrl + F and search the below code.

]]></b:skin> 

4. After searching the upper code just paste this below code before this code  ]]></b:skin>

 

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(-3deg);

-moz-transform: rotate(-5deg);

}

5. Now just click on Save template and check on you blog that trick is working or not? 

• If you find any problem in codes or any other problem simply contact admin.

Demo of Tilt Image Hover Effect ▼

Now Just Hover The Mouse Over The Above Picture And See Magic !