Efeito na imagem do fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Efeito na imagem do fórum

Mensagem por Shirou em 20/06/12, 04:04 pm

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


Última edição por Hyuuga Lupi em 20/06/12, 07:44 pm, editado 1 vez(es)
avatar

Shirou
Nível 7

Masculino
Inscrito dia : 08/02/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.narutogenerations.forumbrasil.net

Resolvido Re: Efeito na imagem do fórum

Mensagem por UsuarioX em 20/06/12, 04:28 pm

Ola,

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

Ate mais ! Rindo
avatar

UsuarioX
Usuário destaque

Masculino
Inscrito dia : 03/01/2012
Mensagens : 713
Pontos Ativos : 918

Ver perfil do usuário http://www.zonetoony.net/

Resolvido Re: Efeito na imagem do fórum

Mensagem por Shirou em 20/06/12, 04:30 pm

avatar

Shirou
Nível 7

Masculino
Inscrito dia : 08/02/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.narutogenerations.forumbrasil.net

Resolvido Re: Efeito na imagem do fórum

Mensagem por Hancki em 20/06/12, 04:37 pm

avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito na imagem do fórum

Mensagem por Shirou em 20/06/12, 04:47 pm

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

Shirou
Nível 7

Masculino
Inscrito dia : 08/02/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.narutogenerations.forumbrasil.net

Resolvido Re: Efeito na imagem do fórum

Mensagem por Hancki em 20/06/12, 05:27 pm

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


Última edição por Luciano98 em 20/06/12, 06:40 pm, editado 2 vez(es) (Razão : CLASSES ERRADAS)
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito na imagem do fórum

Mensagem por Shirou em 20/06/12, 07:43 pm

Do jeito que eu desejava. Muito obrigado.
avatar

Shirou
Nível 7

Masculino
Inscrito dia : 08/02/2011
Mensagens : 80
Pontos Ativos : 126

Ver perfil do usuário http://www.narutogenerations.forumbrasil.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum