JSFiddle - React, Tailwind, and code Playground

HTML

<div id="alert">lll </div>

CSS

#alert {font-color: #39f !important;}
@-webkit-keyframes colours {
      0% {font-color: #39f;}
     50% {font-color: #8bc5d1;}
     100% {font-color: #f8cb4a;}

}
#alert {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 60s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: colours;
    -webkit-animation-timing-function: ease;
}