# 求助：如何更改名字颜色

**URL:** <https://meta.discourse.org/t/help-with-color-changing-names/103682>\
**Category:** Support\
**Created:** [2018年十二月7日 06:22 UTC](https://meta.discourse.org/t/help-with-color-changing-names/103682 "2018-12-07T06:22:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jason3](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason3/32/125743_2.png) [@Jason3](https://meta.discourse.org/u/Jason3)\
**Post date:** [2018年十二月7日 06:22 UTC](https://meta.discourse.org/t/help-with-color-changing-names/103682/1 "2018-12-07T06:22:21Z")

</div>

I’ve had a group for a year now, that changes my name multiple colors. here is the code i use:

```plaintext
.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:

```plaintext
.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?

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2018年十二月7日 07:11 UTC](https://meta.discourse.org/t/help-with-color-changing-names/103682/2 "2018-12-07T07:11:56Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Jason3](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason3/32/125743_2.png) [@Jason3](https://meta.discourse.org/u/Jason3)\
**Post date:** [2018年十二月7日 14:15 UTC](https://meta.discourse.org/t/help-with-color-changing-names/103682/3 "2018-12-07T14:15:30Z")

</div>

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

everyone here is so helpful, thank you all so much

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2019年一月6日 14:29 UTC](https://meta.discourse.org/t/help-with-color-changing-names/103682/4 "2019-01-06T14:29:03Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.