Gerir efeito giratório no avatar

5 participantes

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

Tópico resolvido Gerir efeito giratório no avatar

Mensagem por Lud_. 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_.
***

Membro desde : 20/07/2012
Mensagens : 147
Pontos : 241

http://nvgames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por Oto! 22.08.12 13:15

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

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

Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. 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_.
***

Membro desde : 20/07/2012
Mensagens : 147
Pontos : 241

http://nvgames.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por Sennior 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
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: Gerir efeito giratório no avatar

Mensagem por Lud_. 23.08.12 1:07

Deu nao Triste
Lud_.

Lud_.
***

Membro desde : 20/07/2012
Mensagens : 147
Pontos : 241

http://nvgames.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por Sennior 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
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: Gerir efeito giratório no avatar

Mensagem por Lud_. 24.08.12 1:11

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

Lud_.
***

Membro desde : 20/07/2012
Mensagens : 147
Pontos : 241

http://nvgames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por [S]herlock 24.08.12 1:23

Tbm queria saber , UP !
[S]herlock

[S]herlock
****

Membro desde : 18/07/2012
Mensagens : 399
Pontos : 597

http://www.projectgames.ativoforum.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lexus 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
Hiper Membro

Membro desde : 22/06/2010
Mensagens : 4205
Pontos : 5693

http:///.../#

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir efeito giratório no avatar

Mensagem por Lud_. 25.08.12 1:47

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

Lud_.
***

Membro desde : 20/07/2012
Mensagens : 147
Pontos : 241

http://nvgames.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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