Résolu Animation gavel

[deleted739737]

Bonjour,
Je cherche comment faire la même animation que le grade " Modérateurs" de RG pour l'icône gavel j'ai tout essayé mais je n'y arrive pas merci de votre aide.

 

[deleted577633]

La réponse est dans ce topic https://reality-gaming.fr/threads/i...nforo-2-utilisation-des-font-awesomes.590830/

 

[deleted739737]

J'ai trouvé mais j'y arrive pas

 

[deleted577633]

Donne le code que tu rentres ?

J'ai trouvé mais j'y arrive pas

 

[deleted739737]

Donne le code que tu rentres ?

.username .style12:before {[/FONT][/COLOR][/CENTER]

font-family: "FontAwesome";
content: "\f0e3";
color: dark;
padding-right: 4px;
display: inline-block;
}
.username .style12:hover:before {
display: inline-block;
animation: shakeGavel 1.20s
}

@keyframes shakeGavel {
0 {
-webkit-transform: translate(0, 0) rotate(0);
-ms-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0)
}

20% {
-webkit-transform: translate(-3px, 0) rotate(-25deg);
-ms-transform: translate(-3px, 0) rotate(-25deg);
transform: translate(-3px, 0) rotate(-25deg)
}

30% {
-webkit-transform: translate(3px, 0) rotate(25deg);
-ms-transform: translate(3px, 0) rotate(25deg);
transform: translate(3px, 0) rotate(25deg)
}

50% {
-webkit-transform: translate(-3px, 0) rotate(-15deg);
-ms-transform: translate(-3px, 0) rotate(-15deg);
transform: translate(-3px, 0) rotate(-15deg)
}

60% {
-webkit-transform: translate(3px, 0) rotate(15deg);
-ms-transform: translate(3px, 0) rotate(15deg);
transform: translate(3px, 0) rotate(15deg)
}

100% {
-webkit-transform: translate(0, 0) rotate(0);
-ms-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0)
}
}​

 

[deleted577633]

.username .style12:before {[/FONT][/COLOR][/CENTER]

font-family: "FontAwesome";
content: "\f0e3";
color: dark;
padding-right: 4px;
display: inline-block;
}
.username .style12:hover:before {
display: inline-block;
animation: shakeGavel 1.20s
}

@keyframes shakeGavel {
0 {
-webkit-transform: translate(0, 0) rotate(0);
-ms-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0)
}

20% {
-webkit-transform: translate(-3px, 0) rotate(-25deg);
-ms-transform: translate(-3px, 0) rotate(-25deg);
transform: translate(-3px, 0) rotate(-25deg)
}

30% {
-webkit-transform: translate(3px, 0) rotate(25deg);
-ms-transform: translate(3px, 0) rotate(25deg);
transform: translate(3px, 0) rotate(25deg)
}

50% {
-webkit-transform: translate(-3px, 0) rotate(-15deg);
-ms-transform: translate(-3px, 0) rotate(-15deg);
transform: translate(-3px, 0) rotate(-15deg)
}

60% {
-webkit-transform: translate(3px, 0) rotate(15deg);
-ms-transform: translate(3px, 0) rotate(15deg);
transform: translate(3px, 0) rotate(15deg)
}

100% {
-webkit-transform: translate(0, 0) rotate(0);
-ms-transform: translate(0, 0) rotate(0);
transform: translate(0, 0) rotate(0)
}
}​

Ah oui je me disais aussi faut que tu enlève le BBCODE qui s'est incrusté dans le code retire [/FONT][/COLOR][/CENTER]

 

[deleted739737]

Ah oui je me disais aussi faut que tu enlève le BBCODE qui s'est incrusté dans le code retire [/FONT][/COLOR][/CENTER]

Ok je test

 

[deleted739737]

Ah oui je me disais aussi faut que tu enlève le BBCODE qui s'est incrusté dans le code retire [/FONT][/COLOR][/CENTER]

C'est bon sa marche merci beaucoup.

 

[Melvin' SEC]

Salut,
J'ai déplacé ta discussion en section Résolu.

Bonne fin de soirée,
Melvin SEC