Tutorial-Efeito Zoom nas Imagens

Oiii, quero ter esse gatinho! Ele é mt lindoooo!

Bom o tutorial é bem simples!

Vamos lá:

Resultado final:

Normal

Hover

O efeito fica ENORME, só pra avisar

1->Modelo->Editar HTML->Prosseguir->Ctrl+F e procure por: ]]></b:skin>

2->Abaixo de ]]></b:skin> 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;}

3->Salve e sempre que quiser o efeito, adicione  um  HTML javascript e coloque a url da sua imagem no local indicado:

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

E é só isso, XAU!