Efeito no avatar nos topicos

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

Resolvido Efeito no avatar nos topicos

Mensagem por Ant_UndeaD em 12/04/13, 12:55 am

Qual é minha questão:
Como Coloco Esse Efeito No Avatar Dos Topicos, Assim: Quando tu Passa o Mouse Ele Vira:

http://i.imgur.com/FtmHlCW.png
Ai Quando Passa Mouse Fica Assim:
http://i.imgur.com/LUOepk6.png

Forum Que Eu Vi: http://brasilgameoflifebgl.forumeiros.com/forum

Topico Que Eu Vi:  http://brasilgameoflifebgl.forumeiros.com/t8782-manual-da-pf-by-godrix_rockwell

Endereço do meu fórum:
http://familywhistle.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Ant_UndeaD em 12/04/13, 03:29 pm, editado 1 vez(es)
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 avatar nos topicos

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

teste :
Código:
.blog_comment-avatar img:hover, .postprofile dl dt a[href*="/u"] img:hover {
-webkit-filter: grayscale(1);
}
div.postprofile dl dt img:hover {
-moz-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);
}
.blog_comment-avatar img, .postprofile dl dt a[href*="/u"] img {
-moz-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-webkit-filter: grayscale(0);
-webkit-transition: all .7s ease-in-out;
display: inline-block;
transition: all .7s ease-in-out;
}
div.postprofile dl dt img {
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-webkit-transition: all .5s ease-out;
border: 5px solid #eee;
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
margin-left: 3px;
}
img {
border-width: 0;
}
* {
margin: 0;
padding: 0;
}
Inherited from a
na sua 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 avatar nos topicos

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

Flw Resolvido
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/

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