Gerir efeito giratório no avatar

[Lud_.]

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

[Oto!]

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

Até mais,
Oto! .

[Lud_.]

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

[Sennior]

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 Visualização Imagens e Cores 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.

[Lud_.]

Deu nao

[Sennior]

Boas!

Tente este código:

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

Coloque em teu CSS e valide.

Até mais!

[Lud_.]

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

[[S]herlock]

Tbm queria saber , UP !

[Lexus]

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.

[Lud_.]

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