Box efeito rotativo v2

Vindo trazer uma nova box ou um novo modelo v2 tambem tem efeito rotativo mas diferente.
A imagem acima mostra como fica ,tem outros icones e feito diferente...
Pode visualizar o efeito online;  ENTRE AQUI...
Vamos colocar adicione um gadget html/javascript e cole meu código abaixo:

<style type="text/css">
.bticonesrotativos{
list-style-type:none;
margin:0;
padding:0;
width: auto px;
height:auto px;  
 background:-webkit-gradient(linear, 100% 14%, 10% 21%, from(#ffc0cb), to(#dedede));border:1px solid #ff8f85;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;    
}
.bticonesrotativos li{
display:inline;
width: 60px;
height:60px;
}
.bticonesrotativos li img{
width: 60px;
height: 60px;
border:0;
margin-right: -27px;
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.bticonesrotativos li img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<ul class="bticonesrotativos">
<li><a href="seu link"><img src="http://i.imgur.com/6aWrpWw.png" title=" feed" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/q3e3J1W.png" title="Facebook" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/QVKO83i.png" title="stumbleupon" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/E7vqH0U.png" title="Twitter" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/t80qHw0.png" title="tecnoraty" /></a></li>
</ul>

Notas;onde diz seu link vc coloca o link respectivo a cada rede social...
Crédito dos icones: iconizer
Foi este o modelo v2 vos trouxe até mais...

Box efeito rotativo v2

► 0

► box r sociais

► Cartita