Efeito no logo do forum

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

Resolvido Efeito no logo do forum

Mensagem por Ant_UndeaD em 12/04/13, 01:02 am

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
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Efeito no logo do forum

Mensagem por brunoalves711expert em 12/04/13, 01:16 am

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
avatar

brunoalves711expert
Nível 5

Masculino
Inscrito dia : 23/01/2013
Mensagens : 35
Pontos Ativos : 59

Ver perfil do usuário http://expert-games.forumbrasil.net

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 12/04/13, 03:29 pm

Sem Resultados man
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 13/04/13, 01:13 am

UP
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Efeito no logo do forum

Mensagem por BrunoH. em 13/04/13, 11:20 am

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta 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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD em 13/04/13, 12:01 pm

Sem Resultados BrunoH.
avatar

Ant_UndeaD
Usuário avançado

Masculino
Inscrito dia : 27/10/2012
Mensagens : 423
Pontos Ativos : 625

Ver perfil do usuário http://familywhistle.forumeiros.com/

Resolvido Re: Efeito no logo do forum

Mensagem por BrunoH. em 13/04/13, 12:02 pm

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.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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