Zoom nas Imagens

Postado em: 10 de set. de 2011
Postado Por: dffdf



Eae galera hoje estou trazendo um tutorial de como deixar as imagens com links ficarem com um zoom quando você passa o mouse sobre ela.

É muito fácil e rápido basta prestar atenção!


  1. Você vai em Design --> Editar Html
  2. Procure por  ]]></b:skin> 
  3. Em cima desta tag cole este código:
/*--Zoom-Imagens-- */ a:hover img { transform: translate(0px, -4px); -moz-transform: scale(1.1) translate(0px, -4px); -webkit-transform: scale(1.1) translate(0px, -4px); -ms-zoom: 1.1; opacity: 1 !important; -moz-opacity: 1 !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease; }
 
4. Depois salve e pronto !!
Deixe seu Comentário:
Sem comentários »
Categorias:

0 comentários:

Postar um comentário