Rainbow Text

Simple rainbow text CSS/HTML code

by Angelica

HTML

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

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

CSS

@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;
}