[Resolvido] Hover na header e footer

[Carlos Spok 0]

Seguinte, to fazendo uma header e footer também e queria saber se tem alguma forma de fazer um hover na imagem

deixa eu tentar explicar melhor, tem a header com uma imagem e tal, daew no centro dessa imagem quero colocar o logotipo e quando um visitante passar o mouse sobre essa logo ele se aproxima mais da tela.

Não tenho certeza se utiliza css ou javascript, um exemplo do que quero fazer é no fórum Manicômio Share quando você passa o mouse sobre o logo ele se movimenta aumentando.

 

Espero que tenham entendido

[Valdeir Info 2]

http://api.jquery.com/animate/

 

seria mais ou menos assim:

 

$('#logo').hover(function() {  // Quando o usuário mover o mouse sobre a div logo
 $('#logo').animate({        // ele começa a animação
   height:500,              // aumentando a altura
   width:500               // e a largura
 }, 5000);                // 5000 é a velocidade em milissegundos, ou seja, 5 segundos a animação completa
});

[Carlos Spok 0]

Consegui de uma forma diferente e fez o efeito que eu queria certin

#header {
position:absolute;
top:0;
left:0;
 	width:100%;
height:350px;
background:url(img/Header.jpg) no-repeat center top;
}
.logo{
background: url(img/Logo.png);
background-repeat:no-repeat;
background-position:center top;
position:relative;
width:424px;
height:162px;
margin:auto;
top:50px;
}
.logo:hover{
-webkit-transform: scale(1.1);
-webkit-transition-duration: 1s;
-moz-transform: scale(1.1);
-moz-transition-duration: 1s;
background: url(img/Logo.png);
background-repeat:no-repeat;
background-position:center top;
position:relative;
width:424px;
height:162px;
margin:auto;
top:50px;
}