circulo_Крутящийся момент

<style>

#circulo {
float:right;
margin-left:20px;
padding:10px;
}
#circulo:hover {
-moz-transition: all 1s linear 0s;
-webkit-transition: all 1s linear 0s;
-o-transition: all 1s linear 0s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

<img border="0" id="circulo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlw5TWWJdkXESOko7jd1cjA7HzgNIW48lUF_e_H3iIDauo9t7NFJWVaSzt_GSXLHaJ7zmuoYRiWr0OHTck4c3prZ1d2Z1Y2NN-fXycmIMIa1EStvOb5URT5cQszc2pgbrjNpsBUQ6A4Toz/s377/z-shirt.png" width="280" />

efecto hover

<style>
#demoZoom div {border:3px solid #89A;cursor:pointer;margin:20px auto;text-align:center;color:#ffffff;width:100px;background-color:#ffffff;padding:10px;-webkit-transition: all 2s ease-in-out;-moz-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;transition: all 2s ease-in-out;} #demoZoom div:hover {-webkit-transform:rotate(720deg) scale(2,4);-moz-transform:rotate(720deg) scale(2,4);-o-transform:rotate(720deg) scale(2,4);}
</style>
<div id="demoZoom">
<div class="hover">
TEST

efecto hover</div>
</div>

<div id="demoZoom">

<div class="hover">TEST efecto hover</div>
</div>>

TEST

efecto hover

http://vagabundia.blogspot.com/2010/09/ejemplos-de-lo-que-viene.html