On Hover Rotate Or Spin Your Div Or Image Using CSS3

If you want to rotate or spin you image on hover  then its very easy.

You can use CSS3 for rotation/spin effects.

 

Very simple code here :

Html :

<div class="logo">

 <img src="images/logo.png" alt="logo">

</div>

CSS : 

.logo{

width:150px;

height:150px;

background:#ccc;

border-radius:100%;

margin-top: -73px;

-webkit-transition: -webkit-transform .8s ease-in-out;

    -ms-transition: -ms-transform .8s ease-in-out;

    transition: transform .8s ease-in-out;

}

.logo:hover{

transform:rotate(360deg);

    -ms-transform:rotate(360deg);

    -webkit-transform:rotate(360deg);

}