UPDATE – Linear Gradient Animation
I’ve added a linear gradient to the rainbow animation in the CSS Animation Archive. The previous rendition was too plain. By happenstance, I came across this video by Kevin Powell, and it inspired the revision. The gradient pattern looks swankier than the plain text color fade, but it comes with a problem.
Linear Gradient Won’t Animate
As of right now, background gradients don’t mesh with CSS transitions. I really wanted to use it, but that means I lose the smoothness of the transition property. As it stands, it looks ok, but not great. Alternatively, I may try moving a pseudo element around behind the text.