ミ★ ANGELiCA'S SiTE ★彡

Rainbow Text

This is how you can make rainbow text ~easily~

Example

The HTML

This going into the BODY of your webpage (in between <body> and </body> tags)

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

The CSS

This going into the HEAD of your webpage (in between <head> and </head> tags)

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