Efeito 360º

Esse efeito fica ótimo em fotos de afiliados, moderadores e etc... Os códigos são nossos, então creditem, ok? 
O nome dele é 360º porque ele dá uma volta completa, confiram abaixo: 
Coloque esse código abaixo em seu css (entre <style> e </style> )
.sweetpoison {border: 1px dotted #f5ad89; 
width: 50px; height:50px; 
opacity: .5; margin: 2px; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;}
.sweetpoison:hover {opacity: 1; 
-webkit-transition-duration: .80s;-moz-transition-duration: .80s;
-moz-transform: scale(1) rotate(360deg) translateX(1px) translateY(1px);
-webkit-transform: scale(1) rotate(360deg) translateX(1px) translateY(1px);
-o-transform: scale(1) rotate(360deg) translateX(1px) translateY(1px);
-ms-transform: scale(1) rotate(360deg) translateX(1px) translateY(1px);
transform: scale(1) rotate(360deg) translateX(1px) translateY(1px);
}
E esse abaixo onde você quer que apareça:

<a href="LINK DO SITE" target="_blank"><img src="http://i.imgur.com/Qlw12db.png" class="sweetpoison"/></a>

Por: Pâmela Sampaio em 04/05/14
Não copiem o tutorial e nem os códigos. 
Se for útil de alguma forma, dê os devidos créditos!
Facebook Twitter Pinterest Google+ Email Addthis