O efeito final pode ser visto um exemplo na minha página de parcerias. Obrigada ao Todas as Pequenas Coisas.
Cole isso no seu CSS:
.girando {
debox-shadow: 2px 1px 3px #ff4172;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
transition-duration: 3s;
-moz-transition-duration: 3s;
-webkit-transition-duration: 3s;
}
.girando:hover {
transform: rotate(-360deg) scale(1) skew(0deg);
-moz-transform: rotate(-360deg) scale(1) skew(0deg);
-webkit-transform: rotate(-360deg) scale(1) skew(0deg);
-o-transform: rotate(-360deg) scale(1) skew(0deg);
}
E para a imagem ter o tal efeito, o código está abaixo, cole ele onde quiser:
<img src="http://link_da_imagem.com" class="girando">
Prontinho. Dúvidas? Ask-me!