«Вращающиеся социальные иконки для uCoz»

/* Вращающиеся социальные иконки для uCoz */  
#social img {  
-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;  
}  
#social img:hover {  
-moz-transform: rotate(360deg);  
-webkit-transform: rotate(360deg);  
-o-transform: rotate(360deg);  
-ms-transform: rotate(360deg);  
transform: rotate(360deg);  
}  
.social {text-align: center;margin: 10px;}  
/* InternetEmpire.Ru */

<div id="social" class="social">  
<a target="_blank" rel="nofollow" href="http://vk.com">  
<img border="0" src="/soc_icons/vk.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="http://odnoklassniki.com">  
<img border="0" src="/soc_icons/o.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="http://fb.com">  
<img border="0" src="/soc_icons/fb.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="http://twitter.com">  
<img border="0" src="/soc_icons/t.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="https://plus.google.com">  
<img border="0" src="/soc_icons/gp.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="http://linkedin.com">  
<img border="0" src="/soc_icons/in.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="http://livejournal.com">  
<img border="0" src="/soc_icons/lj.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="http://youtube.com">  
<img border="0" src="/soc_icons/yt.png"style="margin-right: 1px;" /></a>  
<a target="_blank" rel="nofollow" href="#">  
<img border="0" src="/soc_icons/rss.png"style="margin-right: 1px;" /></a>  
</div>