Multi-color text

 

The idea of making a multi-color text is using background gradient, and make the text itself transparent.

<span>The multi color</span>

span.multi_color_text{
font-weight:bold;
background-image: linear-gradient(to left, violet, indigo, green, blue, yellow, orange, red);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
}

Final effect:

 

The multi color