Imagens giratórias com efeito zoom no post do blog

Irei mostrar como colocar imagens giratórias com efeito zoom no post de seu blogger.

Vá até o editor do seu blog.

Dê um CTRL +F e na caixa de pesquisa que apareceu pesquise por:  ]]>

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

}

Depois é só salvar e testar.