Efeito no Rank 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 Rank

3 participantes

Ir para baixo

Tópico resolvido Efeito no Rank

Mensagem por zHugh 18.11.12 21:39

Olá! gostaria de aplicar o seguinte efeito: https://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 22:02, editado 1 vez(es)
zHugh
zHugh
Membro

Membro desde : 30/03/2010
Mensagens : 751
Pontos : 1215

http://superonzerpg.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no Rank

Mensagem por Dr.Helper 18.11.12 21:43

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.
Dr.Helper
Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no Rank

Mensagem por zHugh 18.11.12 21:46

não resultou.
zHugh
zHugh
Membro

Membro desde : 30/03/2010
Mensagens : 751
Pontos : 1215

http://superonzerpg.forumeiros.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no Rank

Mensagem por Sennior 18.11.12 21:59

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no Rank

Mensagem por zHugh 18.11.12 22:02

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

resolve.
zHugh
zHugh
Membro

Membro desde : 30/03/2010
Mensagens : 751
Pontos : 1215

http://superonzerpg.forumeiros.net/

Ir para o topo Ir para baixo

Ir para o topo


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