Efeito zoom nas Imagens

Yo galera, venho trazer esse efeito muito bom pra dar um toque legal no seu blog/site. Espero que gostem. ^^

1. Abra “Design” e clique em “Editar HTML”do seu blog e clique em "Expandir modelos de widgets".

2. Depois da um Ctrl+f e procure por:

]]></b:skin>

 3. Cole em cima dessa tag esse código a baixo:

/*--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;

}

4º Clique em "Salvar modelo" e pronto!