Tutoriais de ]]>. : Imagens giratórias com zoom no post

Heeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeey pepou!!!

Eaew?Blz?

Bom, hoje trago uma coisa que eu adoro fazer: Tutoriais ♥

Como tutoriais são mais compridos do que o normal, tive que

colocar Read More nesse post...

Ok, vamos lá.

Mas, antes de tudo, quero deixar bem claro que o tutorial que usei como base foi o do 

Jackie Dream.

Agora sim. Let's Go!

1°- Veja se gosta do efeito. Se sim passe para o passo 2.

2°-  Vá em MODELO>EDITAR HTML> Dê CTRL+F e pesquise por ]]></b:skin>.
O código estará grifado em amarelo.

3°- Cole ACIMA de ]]></b:skin> este código:

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


E depois é só salvar!!!
Espero que tenham gostado e que eu tenha ajudado!!!
15° Fact- Minha mãe se chama Bianca ♥♥♥

É isso, XOXO Thay