Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Sergio Nogueira de Melo

Aumentar imagem ao passar o mouse com jquery

Recommended Posts

Tecnicamente isso nem precisa ser jQuery. Você só precisa definir no CSS um evento :hover com a altura e largura maiores do que os fornecidos na classe pai.

Ex.:

.imagem {
   width: 100px;
   height: 100px;
   
   /* Só pra animar a parada toda */
   -webkit-transition: all 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
   -moz-transition: all 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
   -ms-transition: all 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
   transition: all 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.imagem:hover {
   width: 150px;
   height: 150px;
}

Caso queira um exemplo, veja aqui no JSFiddle.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.