Efeito na imagem do fórum

3 participantes

Ir para baixo

Tópico resolvido Efeito na imagem do fórum

Mensagem por Shirou 20.06.12 20:04

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:
Efeito na imagem do fórum YgmHL

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 23:44, editado 1 vez(es)
Shirou
Shirou
**

Membro desde : 08/02/2011
Mensagens : 80
Pontos : 126

http://www.narutogenerations.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na imagem do fórum

Mensagem por UsuarioX 20.06.12 20:28

Ola,

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

Ate mais ! Rindo
UsuarioX
UsuarioX
Membro

Membro desde : 03/01/2012
Mensagens : 713
Pontos : 916

http://www.zonetoony.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na imagem do fórum

Mensagem por Shirou 20.06.12 20:30

Shirou
Shirou
**

Membro desde : 08/02/2011
Mensagens : 80
Pontos : 126

http://www.narutogenerations.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na imagem do fórum

Mensagem por Hancki 20.06.12 20:37

Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na imagem do fórum

Mensagem por Shirou 20.06.12 20:47

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

Membro desde : 08/02/2011
Mensagens : 80
Pontos : 126

http://www.narutogenerations.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na imagem do fórum

Mensagem por Hancki 20.06.12 21:27

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 22:40, editado 2 vez(es) (Motivo da edição : CLASSES ERRADAS)
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito na imagem do fórum

Mensagem por Shirou 20.06.12 23:43

Do jeito que eu desejava. Muito obrigado.
Shirou
Shirou
**

Membro desde : 08/02/2011
Mensagens : 80
Pontos : 126

http://www.narutogenerations.forumbrasil.net

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos