11/04/2013

Efeito zoom nas imagens do blog

Oi gente!
Desculpa,por ter sumido,passei por uma semana de provas,e agora to aqui de novo!
Bom,sabe aquele efeito tão lindinho "zoom nas imagens" que pode ser usado nos afiliados e também nas postagens!?
Pois é,hoje vou ensinar você a colocar este efeito no seu blog!

Clique em Leia+!


1º-No html acima de:

]]></b:skin>

2º-Cole:

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

Edite o número 200 pelo tamanho que vc quer que a imagem fique grande(zoom).

Visualize e salve!

Sempre que quiser o zoom adicione o código no HTML javascript ,coloque o url da  imagem onde pede"URL DA SUA IMAGEM AQUI"

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

BJO!

Crédito:Jackie Dream

2 comentários: