Iconos sociales con transición de 360 grados

 Desearía mostrarles una transición CSS para insertar en su 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 los dejará muy boquiabiertos, a muchos usuarios que experimenten con dicho efecto, al entrar en su blog. Por aquí, sólo debes de copiar y pegar en modo de gadget:


<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>

VER DEMO

¡Compártelo!

Tweet