7 de nov de 2013

Efeito zoom nas imagens

Oiiiie achei um tutorial muito legal no Jackie Dream e resolvi compartilhar com vocês, é super fácil, mas que deixa um efeito muito legalno Blog, e aê vamos aprender ?

Editar HTML- aperte Ctrl + f ou f3 e procure por :

]]></b:skin>

Assim que encontrar cole acima desse código o seguinte:

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

Prontinho, vizualize, veja se está tudo ok, depois salve !


Créditos : Jackie Dream

Nenhum comentário:

Postar um comentário