<div id="socialicons">
   <a href="Skype" target="_blank"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-skype-button-blue-icon.png" alt="Youtube" /></a>
   <a href="http://www.facebook.com/" target="_blank"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-facebook-button-blue-icon.png" alt="Facebook" /></a>
   <a href="http://twitter.com/" target="_blank"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-twitter-button-blue-icon.png" alt="Twitter" /></a>
   <a href="http://digg.com/" target="_blank"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-digg-button-blue-icon.png" alt="Digg" /></a>
</div>

#socialicons 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;
}

#socialicons img:hover{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}