sábado, 22 de dezembro de 2012

[POSTAGEM 2] Como colocar zoom na imagem

Olá pinguins, hoje vou ensinar como colocar zoom na imagem,

1. Vá em Modelo > Editar HTML > Ctrl + F e procure por " ]]></b:skin> "


2. Acima dessa tag cole o seguinte codigo:
/*--Zoom-Imagens-- */
a:hover img {
transform: translate(0px, -4px);
-moz-transform: scale(1.1) translate(0px, -4px);
-webkit-transform: scale(1.1) translate(0px, -4px);
-ms-zoom: 1.1;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease;
}
3.Clique para "Vizualizar" para ver se deu tudo certo, se não tiver nada errado, clique em "Salvar Modelo"

 

0 comentários:

Postar um comentário