Efeito no logo do forum Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Efeito no logo do forum

3 participantes

Ir para baixo

Tópico resolvido Efeito no logo do forum

Mensagem por Ant_UndeaD 12.04.13 5:02

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
Ant_UndeaD
Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por brunoalves711expert 12.04.13 5:16

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
brunoalves711expert
brunoalves711expert
*

Membro desde : 23/01/2013
Mensagens : 35
Pontos : 59

http://expert-games.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 12.04.13 19:29

Sem Resultados man
Ant_UndeaD
Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 13.04.13 5:13

UP
Ant_UndeaD
Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por BrunoH. 13.04.13 15:20

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por Ant_UndeaD 13.04.13 16:01

Sem Resultados BrunoH.
Ant_UndeaD
Ant_UndeaD
*****

Membro desde : 27/10/2012
Mensagens : 423
Pontos : 625

http://familywhistle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no logo do forum

Mensagem por BrunoH. 13.04.13 16:02

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.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

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