Efeito no logo do forum

Qual é minha questão:
Como Colocar Esse Efeito Aqui No Logo, Que Quando TU Passa Mouse Por Cima o Logo Se Aproxima, Igual Desse Forum Aqui:
http://ftd-family.forumeiros.com/forum

Endereço do meu fórum:
http://familywhistle.forumeiros.com

Versão do fórum:
PHPBB3

tente :

Código:

#i_logo:hover {
-moz-opacity: .6;
-moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-moz-transition-duration: .5s;
-o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-o-transition-duration: 1s;
-webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px);
-webkit-transition-duration: 1s;
filter: alpha(opacity=40);
opacity: 1;
transition-duration: 1s;
}
#i_logo {
-moz-opacity: .6;
-moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-moz-transition-duration: .8s;
-o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-o-transition-duration: .8s;
-webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px);
-webkit-transition-duration: .8s;
filter: alpha(opacity=40);
opacity: .6;
transition-duration: .5s;
}
a img {
border: none;
}
img {
border: 0;
}
img[Attributes Style] {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 1px;
margin-bottom: 1px;
}
Inherited from a
a:link:focus, a:link:hover {
text-shadow: -1px 1px 8px #fff, 1px -1px 8px #fff;
}

na sua folha css

Sem Resultados man

UP

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

#logo img {
-webkit-transition-duration: 1s;
width: 53%;
}
#logo img:hover {
width: 59%;
-webkit-transition-duration: 1s;
}

e Valide!

Até mais.

Sem Resultados BrunoH.

Olá!

Acabo de verificar e o código que eu te passei não foi colocado em seu fórum. Mantenha o código ativo para que eu possa encontrar o erro.

Até mais.