Iconos Sociales que giran 360 grados

En esta oportunidad les quiero compartir un pack de iconos sociales en forma de huevos que giran 360 grados al pasar el cursos sobre ellos.

En el pack vienen incluidos los iconos de Facebook, Google +, Twitter, RSS FEED y Yahoo!.

Pueden ver el truco funcionando aqui :

Para agregar este truco en tu blog pega en un elemento HTML/JavaScript lo siguiente:

<center><div id="socialicons"><a href="URL FACEBOOK" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9sMDKW2Sz1TX7n-_py-jvWKqtVf8TC-ZsT7iyG79amFjMSPKc5qJGH7AmLMbu-bjfvecMp3GCi1k5DXrunNT2SzYf2xwMzDo0smOwtAx_v0Y01d_tCHShkagCMJcjo8JhmxrI2BS-T8k/s64/facebook.png" /></a><a href="URL GOOGLE PLUS" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKTcZ3d1BsLsTPPwtFauaFvUqsPvz3Ai4VH_REGgXHDHwFffcOJR3qEEOKrxH8lhRTCZmZCRZC1w2XOqP_piXCF59ikpKTr4ZuSlnPgQrGzhhQn9nr_Ps5vzunMAlMb5LeVdAkjbF4G5I/s64/google%252B.png"  /></a><a href="URL TWITTER" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqi4o_1u38-3rio9j5QjZPqQj06LVmMQvEXsZngUtnRq9RQ7bnGsWLrS0_nQ35komEXKivKV4FH3gccUZ6VIrTYcAlyEs0kAByYL-JiPG14SHaXkzH-p5ndsgc-bcY6Cmu33XgzPwcggY/s64/twitter.png"  /></a><a href="URL FEED" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2SMj37zNnOvS9BIA2HIv7hPkYy4aUkYtClwR3pHHOuOUG7P0G6lru0pzbORWlU_GjvXKMGg4dY8DODpPUMDI8na_aU4K5nu25mOFllHNxaHrTLTBpjz7dVPgTllxeSPdeLD0k0qoHW3Q/s64/rss.png" /></a><a href="URL YAHOO" target="_blank"><img  src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikdeRIum3Tt8esAPLyUBMIx9KrPnCUEH9YbYpjnoOdXBlgohLLVdMBHbXxhHHNBGev93rd721F3ALZ-gw0vodtMSw1XqlC0DKJLpFzbe2zY-IwaUQFlvm10R_ldvIVtcB07soxQT0TCRQ/s64/yahoo.png"  />

</div></center>
<style>
#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(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
</style>

Ahora solo cambia lo que esta en color azul por lo que se indica en cada caso.

Espero que les sea de agrado este pequeño truco y sigan visitando mi blog.