31 dezembro 2014

Imagens giratórias com efeito zoom no post do blog

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

Nenhum comentário:

Postar um comentário