clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

16/08/2012

Efeito de zoom [002]


Yo fofuchos, bem irie mostrar para vocês como colocar feito de zoom nas imagens. Em seu HTML procure por ]]></b:skin> quando o achar cole o próximo código a cima dele:

.Zoom na imagem {
width: 50px; height: 50px; /* Tamanho padrão */
-ms-interpolation-mode: bicubic;
border: 1px solid #ddd;
padding: 5px;
background: #e0e0e0;
}
.Zoom:hover {
border: 1px solid #ddd;
box-shadow: inset 0 0 3px #aaa, 0 0 5px #505050; /* Cor da Sombra */
-webkit-transition-duration:1.0s;
width: 90px; height: 90px; /* Tamanho ao aumentar */
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
transform:scale(1.3);
}

Salve e pronto!

Nenhum comentário:

Antes de sair, não esqueça de comentar!