Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Efeito no Rank
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito no Rank
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
Fórum: http://fairytailrpg.forumais.com (punBB)
às imagens dos ranks em meu forum.
Obrigado
Fórum: http://fairytailrpg.forumais.com (punBB)
Última edição por Paul Kirls em 18.11.12 22:02, editado 1 vez(es)
Re: Efeito no Rank
Olá,Tente este código :
Passar bem.
- 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.
Re: Efeito no Rank
Tales, use este CSS:
Abraços.
- 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.
Re: Efeito no Rank
Bom eu não queria que o rank fosse junto com o avatar mais ficou legal ^_^
resolve.
resolve.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos