Tutorial - Efeito Zoom nas Imagens do Blog

 Nesse tutorial você vai aprender a colocar um efeito de Zoom nas imagens do seu blog ou site.

Tudo o que você vai precisar é de um código HTML que vai ser adicionado no corpo HTML do seu blog.

Vamos lá...


 Primeiramente vá para o HTML do seu blog.
No blogger você vai em Modelo ou Design>Edtar HTML.
Nas outras Plataformas deve ser quase do mesmo jeito.

Já no HTML você vai procurar a tag ]]></b:skin>
 Para fazer isso você usa o atalho CTRL+F do seu teclado.

Após encontrado a tag você vai clicar em cima e apertar duas vezes a tecla ENTER do seu teclado e colar o código abaixo.
Desse jeito :

/*--zoom-imagens--*/<br /> a:hover img {<br /> transform: translate(0px, -4px);<br /> -moz-transform: scale(1.1) translate(0px, -4px);<br /> -webkit-transform: scale(1.1) translate(0px, -4px);<br /> -ms-zoom: 1.1;<br /> opacity: 1 !important;<br /> -webkit-transition: all 0.2s ease-in;<br /> -moz-transition: all 0.2s ease-in;<br /> transition: all 0.2s ease;<br /> }

 Depois disso você clica em visualizar,e verifica se não aconteceu nenhum erro e pronto !

Todas as imagens que tiverem um link serão levantadas levemente.Lembrando que você pode alterar o nível de zoom que as imagens vão ter.

COMENTE USANDO O FACEBOOK ↓