EDIT: Wait, I somehow forgot about @keyframes... 😅 This way will work on non-Webkit browsers, too. You can use this:
@keyframes rainbowtext {
0% {
color: #ff0000;
}
25% {
color: #ffff00;
}
50% {
color: #008000;
}
75% {
color: #0000ff;
}
100% {
color: #ee82ee;
}
}
a[href$="KingLear1024"] {
animation: rainbowtext 4s infinite;
}
Make sure to remove the current CSS that's in Wikia.css for changing your username color! You can ignore the rest of the post.
--------------------
The following CSS will do the work for the rainbow color-changing links:
a[href$="KingLear1024"] {
background-image: url("https://static.wikia.nocookie.net/cfmtest/images/4/45/Rainbow_animation.gif/revision/latest/scale-to-width-down/340?cb=20210123080653");
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
FYI, it only works on Webkit browsers (Chrome, Safari, etc.), though! 🙂