16/08/2012

Efeito de zoom nas imagens


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:

Códigos
.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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345