Having a rainbow font color

Rainbow text code

Thanks for giving me the idea, omg!

Okay, first I came up with this stupid idea (｢• ω •)｢

<span style="color:red">R</span><span style="color:orange">a</span><span style="color:yellow">i</span><span style="color:green">n</span><span style="color:blue">b</span><span style="color:purple">o</span><span style="color:pink">w</span>

Rainbow

Or

<font color="red">R</font><font color="orange">a</font><font color="yellow">i</font><font color="green">n</font><font color="blue">b</font><font color="purple">o</font><font color="pink">w</font>

Rainbow

Yeah, I know it looks dumb and I don’t really have time to do this for every word
But then it got better!!!

<span style="
background: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, purple);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
">
Rainbow Text
</span>

Or 

<style> /* For all text */
body, .profile, .blog, .table-section, .details-table {
  background: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, purple); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>

Rainbow Text

Gradient is definitely better than coloring each letter manually, right!!!
I could have stop there... I got too excited (ﾉ≧∀≦)ﾉ

<span class="rainbow">Rainbow Text !</span>

<style>
.rainbow {
  animation: colorchange 2s infinite;
}

@keyframes colorchange {
  0% { color: red; }
  20% { color: orange; }
  40% { color: yellow; }
  60% { color: green; }
  80% { color: blue; }
  100% { color: purple; }
}
</style>

Rainbow Text ! 

.rainbow {
  animation: colorchange 2s infinite;
}

@keyframes colorchange {
  0% { color: red; }
  20% { color: orange; }
  40% { color: yellow; }
  60% { color: green; }
  80% { color: blue; }
  100% { color: purple; }
}
Or this for all  your text
<style> 
body * {
  animation: rainbow 3s linear infinite;
}

@keyframes rainbow {
  0% { color: red; }
  20% { color: orange; }
  40% { color: yellow; }
  60% { color: green; }
  80% { color: blue; }
  100% { color: purple; }
}
</style>

Hope it helps! ( o^ ^o) 🌈

@Dollita THANK YOU SO MUCH, YOU'RE AN ANGEL!!!

@nakedboogie You're welcome (ノ= ⩊ = )ノ