JSFiddle - React, Tailwind, and code Playground

by masterka

HTML

<div style="background:black;">
<h1>
Awakened
</h1>
</div>

CSS

h1 {
  display:inline-block;
  font-size: 12px;
  background: linear-gradient(45deg,#FF0000,#FF7F00,#FFFF00,#00FF00,#0000FF,#4B0082,#8B00FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 400% 400%;
  
  -webkit-animation: rainbowanim 0.5s ease infinite;
     -moz-animation: rainbowanim 0.5s ease infinite;
          animation: rainbowanim 0.5s ease infinite;
}

@-webkit-keyframes rainbowanim {
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes rainbowanim {
    0%{background-position:0% 50%}
    10%{background-position:100% 50%}

}
@keyframes rainbowanim { 
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}