henrique de morais

segunda-feira, 11 de junho de 2012

vou ensinar a como colocar aquele efeito de zoom na imagem, quando você passa o mouse a imagem fica com um efeito zoom é bem legal, vamos lá.


Vá em design >> Editar HTML >>, e procure por: ]]></b:skin> 


E logo acima da tag procurada, cole o código abaixo:
/*--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;
}
É isso,espero que tenha ajudado. Valeu.

0 comentários: