Imagens giratórias com efeito zoom no post do blog

Hooy Gurias! Hoje eu vou disponibilizar pra vocês um efeito super legal, na verdade vim aqui apenas pra isso. Sabem tá um dia tão lindo lá fora *--* me recuso ficar em casa (risos). 

Clique aqui para ver o efeito

No meu blog de testes vocês puderam visualizar e entender melhor o efeito, certo? Aaah sem esquecer de citar a fonte ''Códigos blogger, o seu blog do seu jeito''.

Lembrando que o objetivo do JD não é copiar ninguém e sim disponibilizar os melhores goodies e dicas para melhorar o seu blog. Caso algum não seja de minha autoria sempre citarei os devidos créditos (:

Vá no seu HTML, dê um CTRL +F e na caixa de pesquisa que apareceu pesquise por: ]]></b:skin>

e ACIMA dela acrescente os seguintes códigos CSS:

.post-body img {
z-index:999999;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(10px);
}

.post-body img:hover{
z-index:9999;
-webkit-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-moz-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
-o-transform: rotate(360deg) scale(1.302) skew(0deg) translate(7px);
}

Visualize, se estiver todo ok salve! Fácil né? 

Espero que tenham gostado <3

p.s vou responder os comentários hoje à noite ou amanhã (:

Bye Bye