Template:Colortext/styles.css

.template-colortext{
   animation: colors 3s steps(1) infinite;
}
@keyframes colors {
  0% {
    color: #1E90FF; /* Bright blue */
    text-shadow: 0 0 5px #339FFF, 0 0 10px #339FFF, 0 0 15px #1E90FF;
  }
  14.28% {
    color: #00FFFF; /* Aqua */
    text-shadow: 0 0 5px #00DDDD, 0 0 10px #00DDDD, 0 0 15px #00FFFF;
  }
  28.56% {
    color: #FF4500; /* Bright red */
    text-shadow: 0 0 5px #FF6347, 0 0 10px #FF6347, 0 0 15px #FF4500;
  }
  42.84% {
    color: #32CD32; /* Bright lime green */
    text-shadow: 0 0 5px #4DF24D, 0 0 10px #4DF24D, 0 0 15px #32CD32;
  }
  57.12% {
    color: #FF69B4; /* Bright pink */
    text-shadow: 0 0 5px #FF85C0, 0 0 10px #FF85C0, 0 0 15px #FF69B4;
  }
  71.40% {
    color: #8A2BE2; /* Electric Purple (replaces black) */
    text-shadow: 0 0 5px #A855FF, 0 0 10px #A855FF, 0 0 15px #8A2BE2;
  }
  85.68% {
    color: #DA70D6; /* Bright magenta */
    text-shadow: 0 0 5px #EE82EE, 0 0 10px #EE82EE, 0 0 15px #DA70D6;
  }
  100% {
    color: #1E90FF; /* Back to Bright blue */
    text-shadow: 0 0 5px #339FFF, 0 0 10px #339FFF, 0 0 15px #1E90FF;
  }
}