9 de maio de 2013

Efeito zoom nas imagens


Pessoinhas, o código que vou passar agora, é pra dar aquele efeito zoom nas imagens do seu blog, a ao clicar... vá no html do seu blog, expandir widgets, e procure por ]]></b:skin>.
Agora cole abaixo do código acima, esse código:


/* Efeito Zoom */ img.zoom {display:block; width:200px; -webkit-transition-duration: .3s; border:5px solid #EEE; position:relative;} img.zoom:hover {-webkit-transform: scale(2.00); transform:: scale(2.00); -o-transform: scale(2.00); -moz-transform: scale(2.00); -ms-transform: scale(2.00); z-index:5;}



Vizualize e se estiver tudo certo salve, dai sempre que vocês quiserem usar esse efeito em suas fotos, é so adicionar o próximo código como HTML/Javascript e substitua a URL da sua imagem no código abaixo...


<img src="URL DA SUA IMAGEM AQUI" class="zoom">



Espero que tenham gostado...

Um comentário:

  1. Flor vi seu pedido de afiliação, & aceito siim, so que você tem menos de 30 seguidores então, para mim te afiliar no meu blog, você tera que faser uma publicação com o nome, link & falando sobre o meu blog !!!!

    Se quiser mesmo afiliação me avisa flor. ja sigo seu blog !

    Beijão

    http://lynatudinhoparaorkut2011.blogspot.com.br/

    ResponderExcluir

Fico muito feliz por ter vindo conhecer meu cantinho, obrigada pela visitinha.

-Não aceito qualquer tipo de ofensa a mim e aos meus seguidores;
-Se alguma das imagens encontradas no blog, for de sua autoria me procure para que eu possa dar os devidos créditos;
-Antes dedivulgar seus links, comente algo relacionado com o post senão o comentário será removido;
-Responderei todos os comentários assim que possível e irei retribuir.
Obrigada.