JSFiddle - React, Tailwind, and code Playground

by Liu David

HTML

<div class="navContainer">
                <ul>
                    <li>Work</li>
                    <li>Blog</li>
                    <li>About</li>
                    <li>Contact</li>
                </ul>
            </div>

CSS

.navContainer ul{
    left: 10px;
    top:  20px;
    position: absolute;
    color: #c2c0c0;
    font-family: 'Terminal Dosis';
    font-weight: 200;
    font-size: 20pt;
    list-style-type: none;
    line-height: 50px;
}
.navContainer {
    left: 150px;
    top: 150px;
    position: absolute;
}

JavaScript

$(".navContainer li").hover( function() { 

                      $(this).css("color", "#d49a9a");
                    },
                           function() { 

                      $(this).css("color", "#c2c0c0");
                    });