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:  ]]></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);
}



Depois é só salvar e testar.


Nenhum comentário:

Postar um comentário

Related Posts Plugin for WordPress, Blogger...