Gerir efeito giratório no avatar

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

Atendido / Resolvido Gerir efeito giratório no avatar

Mensagem por Lud_. em 22.08.12 12:36

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:
https://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 25.08.12 1:56, editado 1 vez(es)
Lud_.

Lud_.
Nível 8

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

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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Oto! em 22.08.12 13:15

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

Até mais,
Oto! Gerir efeito giratório no avatar  2458038252.
Oto!

Oto!
Hiperativo

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

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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. em 22.08.12 13:35

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

Lud_.
Nível 8

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

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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Sennior em 22.08.12 14:41

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
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. em 23.08.12 1:07

Deu nao Triste
Lud_.

Lud_.
Nível 8

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

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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Sennior em 23.08.12 2:01

Boas!

Tente este código:

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

Coloque em teu CSS e valide.

Até mais! Muito feliz
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16368
Pontos Ativos : 20873

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. em 24.08.12 1:11

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

Lud_.
Nível 8

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

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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por [S]herlock em 24.08.12 1:23

Tbm queria saber , UP !
[S]herlock

[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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lexus em 24.08.12 1:43

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.
Lexus

Lexus
Super usuário

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

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

Atendido / Resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. em 25.08.12 1:47

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

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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum