JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menUl">
            <li>
                <a href="#">TEMPLATE<span>DESIGN</span></a>
            </li>
            <li>
                <a href="#">FRONTEND<span>CODING</span></a>
            </li>
            <li>
                <a href="#">SERVESIDE<span>CODING</span></a>
            </li>
            <li>
                <a href="#">CONTACT<span>ME</span></a>
            </li>
        </ul>

JavaScript

$(document).ready(function(){
    $(".menUl li a").hover(function() {
    $(this).animate({color: "#c7ce95" }, 600);
    },function() {
    $(this).animate({ color: "#807e7c" }, 400);
    });
});