Hover Rotating image Social Icons

 

Hello friends I`m Back with new Social Sharing rotating image it`s all about Hover when curse on image the image will Rotate 360 Degree it`s a cool Widget and very helpful way to your visitors want contact well anyway let`s create Your own

--------------------------------------------------------------

                                      Demo

--------------------------------------------------------------

How To Add New Social Rotating Image?

Step 1: Adding CSS code

 1. Blogger >> Template

 2.Backup your template if want 

 3.Past the below code before ]]></b:skin>  & Save

*-------------Roating Image--------------* .rotate{ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } .rotate:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); } *------------Roating Image---------------*


Step 2: Adding Class in Images
 1.Make new post and add or upload any image in post
 2.Click Html

Just Add Class="rotate"
Congratulation! You`re Done

Advertisments