This is how you can get text with a rainbow gradient on your site. See the example:
All you do is add this code to your CSS:
|
1 2 3 4 5 6 |
.rainbow { background: linear-gradient(to right, red, yellow, green, blue, purple); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } |
And us the rainbow class wherever you want the rainbow text to appear like this:
|
1 |
<span class="rainbow">This is an example of rainbow text</span> |