JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
    <div class="list-5">
        <ul>
            <li>
        <a href="#">Hello world</a> 
            </li>
        </ul>
    </div>
</body>
</html>

CSS

.list-5 a{text-decoration:none;font-weight:bold;font-size:20px;}

JavaScript

$('.list-5 li a').hover(function ()
     {
      $(this).stop().animate({ color: '#fff' })
     },
    function () 
    {
      $(this).stop().animate({ color: '#0e1b23' })
        
          })