16/08/2012

Tutorial: Efeito de zoom

||

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:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram