I’ve had a group for a year now, that changes my name multiple colors. here is the code i use:
.names span.Jasons_Group a {
-webkit-animation: rainbow 10s infinite;
-ms-animation: rainbow 10s infinite;
-o-animation: rainbow 10s infinite;
animation: rainbow 10s infinite;
}
@-webkit-keyframes rainbow {
0% {
color: #ffffff;
}
10% {
color: #ffffff;
}
20% {
color: #ffffff;
}
30% {
color: #146b3a;
}
40% {
color: #146b3a;
}
50% {
color: #146b3a;
}
60% {
color: #df1111;
}
70% {
color: #df1111;
}
80% {
color: #df1111;
}
90% {
color: #df1111;
}
100% {
color: #ffffff;
}
}
@-ms-keyframes rainbow {
0% {
color: #ffffff;
}
10% {
color: #ffffff;
}
20% {
color: #ffffff;
}
30% {
color: #146b3a;
}
40% {
color: #146b3a;
}
50% {
color: #146b3a;
}
60% {
color: #df1111;
}
70% {
color: #df1111;
}
80% {
color: #df1111;
}
90% {
color: #df1111;
}
100% {
color: #ffffff;
}
}
@-o-keyframes rainbow {
0% {
color: #ffffff;
}
10% {
color: #ffffff;
}
20% {
color: #ffffff;
}
30% {
color: #146b3a;
}
40% {
color: #146b3a;
}
50% {
color: #146b3a;
}
60% {
color: #df1111;
}
70% {
color: #df1111;
}
80% {
color: #df1111;
}
90% {
color: #df1111;
}
100% {
color: #ffffff;
}
}
@keyframes rainbow {
0% {
color: #ffffff;
}
10% {
color: #ffffff;
}
20% {
color: #ffffff;
}
30% {
color: #146b3a;
}
40% {
color: #146b3a;
}
50% {
color: #146b3a;
}
60% {
color: #df1111;
}
70% {
color: #df1111;
}
80% {
color: #df1111;
}
90% {
color: #df1111;
}
100% {
color: #ffffff;
}
}
and it works like a charm, its perfect.
i made a 2nd group for my mods, and theirs works perfect also, here is the code:
.names span.Mod_Colors a {
-webkit-animation: rainbow 10s infinite;
-ms-animation: rainbow 10s infinite;
-o-animation: rainbow 10s infinite;
animation: rainbow 10s infinite;
}
@-webkit-keyframes rainbow {
0% {
color: #457f35;
}
10% {
color: #457f35;
}
20% {
color: #2e51eb;
}
30% {
color: #2e51eb;
}
40% {
color: #3fa5ff;
}
50% {
color: #00fffc;
}
60% {
color: #00fffc;
}
70% {
color: #f0a7e1;
}
80% {
color: #f0a7e1;
}
90% {
color: #bd20ce;
}
100% {
color: #bd20ce;
}
}
@-ms-keyframes rainbow {
0% {
color: #457f35;
}
10% {
color: #457f35;
}
20% {
color: #2e51eb;
}
30% {
color: #2e51eb;
}
40% {
color: #3fa5ff;
}
50% {
color: #00fffc;
}
60% {
color: #00fffc;
}
70% {
color: #f0a7e1;
}
80% {
color: #f0a7e1;
}
90% {
color: #bd20ce;
}
100% {
color: #bd20ce;
}
}
@-o-keyframes rainbow {
0% {
color: #457f35;
}
10% {
color: #457f35;
}
20% {
color: #2e51eb;
}
30% {
color: #2e51eb;
}
40% {
color: #3fa5ff;
}
50% {
color: #00fffc;
}
60% {
color: #00fffc;
}
70% {
color: #f0a7e1;
}
80% {
color: #f0a7e1;
}
90% {
color: #bd20ce;
}
100% {
color: #bd20ce;
}
}
@keyframes rainbow {
0% {
color: #457f35;
}
10% {
color: #457f35;
}
20% {
color: #2e51eb;
}
30% {
color: #2e51eb;
}
40% {
color: #3fa5ff;
}
50% {
color: #00fffc;
}
60% {
color: #00fffc;
}
70% {
color: #f0a7e1;
}
80% {
color: #f0a7e1;
}
90% {
color: #bd20ce;
}
100% {
color: #bd20ce;
}
}
it works GREAT.
the problem i am having is now the original group that changes my name: jasons_group isn’t working, its copying the colors from the 2nd groups, which you can see aren’t the same.
i have flairs on the groups. the 1st group still has its own flair and the 2nd group has its own flair, so you know its reading the 2 separate groups, but why is the 1st groups copying the 2nd groups colors?