Gerir efeito giratório no avatar

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

Resolvido Gerir efeito giratório no avatar

Mensagem por Lud_. em 22/08/12, 08:36 am

Qual é minha questão:
Queria por esse efeito simples da imagem do perfil rodar um poquinho para esquerda ou direita,
Eu prefiro q ela rode para direita tipo, || prá \\
intende ?
Segue a print, so pra eskerda.

Dicas ?

Links e imagens do meu problema:
Http://i.imgur.com/QxuP0.png

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

Versão do meu fórum:
PHPBB3


Última edição por Lud_. em 24/08/12, 09:56 pm, editado 1 vez(es)
avatar

Lud_.
Nível 8

Masculino
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241

Ver perfil do usuário http://nvgames.forumeiros.com

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Oto! em 22/08/12, 09:15 am

Olá novamente amigo!
Sempre cheque a lista de tutoriais, dicas e astúcias.
Leia este tutorial: http://ajuda.forumeiros.com/t64167-tutorial-efeito-giratorio-no-avatar

Até mais,
Oto! .
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. em 22/08/12, 09:35 am

Mais aii a foto fica girando sem parar, eu so kero q ela gire igual na print xD
tem como ?
avatar

Lud_.
Nível 8

Masculino
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241

Ver perfil do usuário http://nvgames.forumeiros.com

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Sennior em 22/08/12, 10:41 am

Boas!

Talvez pode haver um jeito, fazendo com o mesmo tutorial do Lullaby.
Aceda a tua folha de estilo CSS, com o código abaixo:

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores

Código:
.postprofile dt img:hover{
-webkit-transform: rotate(1800deg) scale(1);
-moz-transform: rotate(1800deg) scale(1);
-o-transform: rotate(1800deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}

Até logo. Muito feliz
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: Gerir efeito giratório no avatar

Mensagem por Lud_. em 22/08/12, 09:07 pm

Deu nao Triste
avatar

Lud_.
Nível 8

Masculino
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241

Ver perfil do usuário http://nvgames.forumeiros.com

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Sennior em 22/08/12, 10:01 pm

Boas!

Tente este código:

dt {
-webkit-transform: rotate(1802deg) scale(1);
}

Coloque em teu CSS e valide.

Até mais! Muito feliz
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: Gerir efeito giratório no avatar

Mensagem por Lud_. em 23/08/12, 09:11 pm

Agr ele fikou parado na meia diagonal em vez de se mecher quando passa o mouse -'
avatar

Lud_.
Nível 8

Masculino
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241

Ver perfil do usuário http://nvgames.forumeiros.com

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por [S]herlock em 23/08/12, 09:23 pm

Tbm queria saber , UP !
avatar

[S]herlock
Usuário avançado

Masculino
Inscrito dia : 18/07/2012
Mensagens : 399
Pontos Ativos : 597

Ver perfil do usuário http://www.projectgames.ativoforum.com
  • 0

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lexus em 23/08/12, 09:43 pm

Olá,

Substitua o código CSS por este:

Código:
.postprofile dt img:hover{
-webkit-transform: rotate(360deg) scale(1);
-moz-transform: rotate(360deg) scale(1);
-o-transform: rotate(360deg) scale(1);
}
.postprofile dt img{
-webkit-transition: all 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
}

Até mais.
avatar

Lexus
Super usuário

Masculino
Inscrito dia : 22/06/2010
Mensagens : 4205
Pontos Ativos : 5692

Ver perfil do usuário http:///.../#

Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. em 24/08/12, 09:47 pm

Num era assim q eu keria mais tah bom assim, vlw Feliz
Resolvido, + REP
avatar

Lud_.
Nível 8

Masculino
Inscrito dia : 20/07/2012
Mensagens : 147
Pontos Ativos : 241

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