JSFiddle - React, Tailwind, and code Playground
HTML
<div class="footer-
widget-area">
<div class="col-md-3 col-sm-
6 footer-widget"
role="complementary">
<div id="text-4"
class="widget widget_text">
<div class="textwidget"><p>.
<a href="http://4309.co.uk
/contact/">Contact</a></p>
</div>
</div>
CSS
#text-4 a{ animation: change
3s forwards infinite;
animation-delay: 1s;}
@keyframes change
{0%{color:green;} 33%
{color:
blue;} 66%{color:yellow;}90%{color:green;}}