Create rainbow color text using css html

Last updated on May 10th, 2016 at 12:43 pm

Create rainbow color text using css html

. I have used mainly CSS with rainbow colors. Very simple Just copy paste the code and modify it according to your need.

<p><big>
<span class="c1">H</span><span class="c2">A</span><span class="c3">P</span><span class="c5">P</span><span class="c6">Y</span>
<span class="c1">N</span><span class="c2">E</span><span class="c3">W</span><span class="c5">Y</span><span class="c6">E</span><span class="c2">A</span><span class="c3">R</span> <span class="c6">2</span><span class="c2">0</span><span class="c3">1</span><span class="c1">3</span></big></p>

The style part looks like this

<style>
big	{ font-size: 400% ; line-height: 150% }
.c1	{ background: white ; color: #F0F }
.c2	{ background: white ; color: #00F }
.c3	{ background: white ; color: #0FF }
.c4	{ background: white ; color: #0F0 }
.c5	{ background: white ; color: #FF0 }
.c6	{ background: white ; color: #F00 }
</style>

Just add the above set of code to an html page and see the magic.