Efeito na imagem do fórum

[Shirou]

Qual é minha questão:
Bem, como vão poder ver abaixo, a imagem fica mais no fundo e escura, no entanto, quando passamos o mouse por cima da mesma, ela se aproxima e fica mais "viva". Eu gostaria de saber qual o código para conseguir esse mesmo efeito.

Links e imagens do meu problema:


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

Versão do meu fórum:
PHPBB3

[UsuarioX]

Ola,

vc poderia me Mandar o link do forum onde vc viu esse efeito ?
agradeço.

Ate mais !

[Shirou]

http://revoltofzodiac.warsboard.com/

[Hancki]

Olá!

Existem várias soluções para isso!
Navegue nesta pesquisa: https://www.google.pt/search?sugexp=chrome,mod=19&sourceid=chrome&ie=UTF-8&q=site%3Aajuda.forumeiros.com+efeito+hover

Hancki

[Shirou]

Bem, fica mesmo em hover, no entanto não fica "longe" e se "aproxima" quando passamos o link como no fórum que achei.

[Hancki]

Use este CSS:

Código:

#logo-desc img{-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}#logo-desc img: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}#page-body{margin-top:30px}a.mainmenu:hover{bottom:5px;position:relative}

Espero que funcione.
Hancki

[Shirou]

Do jeito que eu desejava. Muito obrigado.