Help with color changing names


(Jason) #1

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?


(Mittineague) #2

There can only be one named “rainbow” at a time.

It should be fine if you change the names to something that make sense to you. eg. “rainbow-mods”, “rainbow-jasons” etc.


(Jason) #3

thank you, they both work great now, i thought with the groups being different names it would work :roll_eyes:

everyone here is so helpful, thank you all so much