Efeito no Rank

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

Resolvido Efeito no Rank

Mensagem por zHugh em 18/11/12, 07:39 pm

Olá! gostaria de aplicar o seguinte efeito: http://ajuda.forumeiros.com/t64155-tutorial-adicionar-efeito-ao-passar-o-mouse-por-cima-da-avatar

às imagens dos ranks em meu forum.

Obrigado Piscada


Fórum: http://fairytailrpg.forumais.com (punBB)


Última edição por Paul Kirls em 18/11/12, 08:02 pm, editado 1 vez(es)
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Resolvido Re: Efeito no Rank

Mensagem por Dr.Helper em 18/11/12, 07:43 pm

Olá,Tente este código :

Código:
div.user-basic-info rank{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info rank:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

Passar bem.
avatar

Dr.Helper
Usuário destaque

Masculino
Inscrito dia : 24/06/2012
Mensagens : 832
Pontos Ativos : 1231

Ver perfil do usuário http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Resolvido Re: Efeito no Rank

Mensagem por zHugh em 18/11/12, 07:46 pm

não resultou.
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Resolvido Re: Efeito no Rank

Mensagem por Sennior em 18/11/12, 07:59 pm

Tales, use este CSS:

Código:
.user-basic-info:hover {
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
}
.user-basic-info {
margin: 3px;
border: 5px solid #EEE;
-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito no Rank

Mensagem por zHugh em 18/11/12, 08:02 pm

Bom eu não queria que o rank fosse junto com o avatar mais ficou legal ^_^

resolve.
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.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