Efeito zoom na imagem d/ post

Estamos chegando ao final do dia pelo menos aqui ,aqui estou eu vos trazendo um efeito zoom bem simples,
mas o efeito é ótimo.
Pode ver imagem foi um post que fiz ,mas para ver como deve ser entre aqui online:  Imagem zoom
Depois de ver o efeito online vamos colocar no blog.

ANTES DE TUDO FAÇA UMA CÓPIA DO SEU TEMPLATE...

Agora entre em modelo no seu painel e depois click editar html e encontre este código:

Agora adicione o meu código acima :

/*
-----------------------------------------------
imagem zoom-  http://best-tuga.blogspot.pt
----------------------------------------------- */
.bt-zoomhover img{
border-radius: 5px;
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-o-transform:scale(0.7);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
opacity: 0.5;
margin: 0 10px 5px 0;
}
.bt-zoomhover img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

Bem o css já está agora salve e vá preparar a sua postagem e pelo html cola este código:

<a class="bt-zoomhover" href="http://best-tuga.blogspot.com/" target="_blank">
<img src="http://i.imgur.com/ML5OYg6.jpg" /></a>

E pode visualizar para vêr o resultado.
Nota: onde tem o meu url do blog vc coloca o seu que quer quando se clica na foto.
E onde tem link abaixo da foto vc coloca o seu url de sua imagem.
E foi ésta a partilha que agora trouxe ,não retire os créditos ,dúvida disponha até mais...

Efeito zoom na imagem d/ post

► 0

► efeitos

► Cartita