Imagens giratórias com efeito zoom no post

Estava sem muitas ideias para postagem, então pensei em fazer um tutorial que não fosse fácil de encontrar na internet e que fosse bem útil! 

                                                    Clique aqui para ver o efeito

Clique em "leia mais..." para colocar esse efeito em seu blog!



Vá no seu HTML e procure por ]]></b:skin> e acima dela cole 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 e se estiver tudo ok, salve
Fácil né?

Créditos