Divisor

Éste sitio web usa cookies, puedes ver la política de cookies, Aquí. ⤵ ⤵


Iconos sociales con transición de 360 grados






Desearía mostraros una transición CSS para insertar en vuestro blog, se trata de unos botones sociales con una transición de 360 grados, que al hacer hover, giran unos 360 grados, es un efecto CSS o transición muy original, que os dejará muy boquiabiertos, a muchos usuarios que experimenten con dicho efecto, al entrar en vuestro blog. Por vuestra parte, sólo deberéis de copiar y pegar en modo de gadget:



Demo!


<style>
p#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;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>

<p id="socialicons">
<a href="Aquí_URL_de_Facebook">
<img border="0" src="http://1.bp.blogspot.com/-22hCYsajOYc/UBwJV37zufI/AAAAAAAAElA/95n9qWCzKAY/s1600/facebook.png" /></a>
<a href="Aquí_URL_de_Twitter">
<img border="0" src="http://3.bp.blogspot.com/-O903kKomPek/UBwJYhD5tQI/AAAAAAAAElQ/QnX0keY2vDQ/s1600/twitter.png" /></a>
<a href="Aquí_URL_de_Feedburner">
<img border="0" src="http://2.bp.blogspot.com/-kiY7hZ3CO1o/UBwJYI7he2I/AAAAAAAAElM/80DBxezWlqs/s1600/rss.png" /></a>
<a href="Aquí_URL_de_Google+">
<img border="0" src="http://3.bp.blogspot.com/-ymQig4A5ZPo/UBwJXMfiNmI/AAAAAAAAElI/kjk64iSvVJ4/s1600/google_plus.png" /></a>
</p>



Aizum Blog, sábado, mayo 11, 2013


Divisor Star

✏ Buscador!

En las redes ⤵

✏ Vídeos!

 

Publicidad!

Subir hacia arriba ▲ Modificated & Designed by Iván Dangerfield © 2014. Converted by Bloggertheme9