Mil Trucos Blogger

Iconos Sociales que giran 360 grados

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

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="http://www.miltrucosblogger.com/wp-content/uploads/2012/07/facebook.png" /></a><a href="URL GOOGLE PLUS" target="_blank"><img  src="http://www.miltrucosblogger.com/wp-content/uploads/2012/07/google-252B.png"  /></a><a href="URL TWITTER" target="_blank"><img  src="http://www.miltrucosblogger.com/wp-content/uploads/2012/07/twitter.png"  /></a><a href="URL FEED" target="_blank"><img  src="http://www.miltrucosblogger.com/wp-content/uploads/2012/07/rss.png" /></a><a href="URL YAHOO" target="_blank"><img  src="http://www.miltrucosblogger.com/wp-content/uploads/2012/07/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 Mil Trcuos Blogger.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

15 Comentarios

  1. Julio 17, 2012    

    muy chulo, me encantó…
    aquí mi blog:

    destructorweb.blogspot.com

    • Julio 19, 2012    

      Gracias Marcos por comentar, me da mucho gusto que los estes usando….

      Saludos 😛

  2. Julio 18, 2012    

    Juviano. Gracias! pero te quiero preguntar una cosa. Cuantos años tienes?

    • Julio 19, 2012    

      para que quieres saber mis años?

    • Julio 21, 2012    

      Softy gracias a ti por comentar…

      Marcos yo creo que pregunta es por mi edad :zombie:

  3. Julio 19, 2012    

    Ay que bonitos están, en una de estos y los pongo en mi blog http://dineroyyo.blogspot.com

    • Julio 21, 2012    

      Dale amigo usalos cuando quieras..

      Saludos 😀

  4. Agosto 15, 2012    

    ¡Muchas gracias!

  5. Septiembre 4, 2012    

    Una pregunta Juvinao, intento ponerlos, y la imagen funciona genial, pero cuando pinchas en ella no te lleva a ningún lado porque a donde redirecciona es a la dirección del blog y la de facebook juntas, por lo que, obviamente, no lleva a ningún lado… No sé qué hago mal, ¿alguna directriz? ¿Podrías ponerme el código html únicamente del huevito de facebook?

    Un abrazote, me encanta tu blog!!

  6. Enero 22, 2013    

    MEN ESTA RE CHIDO COMO LO HAGO SI KISIERA PONR L DE YOTUBE ME LO PASAS

    • Enero 23, 2013    

      Eduardo el problema es que no me acuerdo de que pack de imagenes los saque :(, espera un rato y los busco 😛

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo