Rainbow Text

This is for adding a pretty rainbow text to your page

Example

The HTML

Be sure to add class=”rainbow” to wherever you want rainbow text to appear!

<p>
  <span class="rainbow">This is an example of rainbow text &hearts;</span>
</p>

<p>
  This is just some regular text!
</p>

The CSS

Put into the <HEAD> </HEAD> of your document

<style>
@import url('https://fonts.googleapis.com/css2?family=Anybody&display=swap');
body {
  font-family: Verdana, sans-serif;
  font-size: 18px;
font-family: 'Anybody', cursive;
font-weight: bold;
}

.rainbow {
  background: linear-gradient(to right, red, yellow, green, blue, purple);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
</style>