Tutorial_Imagem giratória + zoom



Hooy Gurias! Hoje eu vou disponibilizar pra vocês um efeito super legal, na verdade vim aqui apenas pra isso.


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

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




Um comentário:

Não xingue o blog

Se não gostou não comente coisa ruim

Leia a postagem antes de comentar

Respeite os que seguem e o dono do blog

Os gifs que estão alí não funcionam,porfavor não use-os