JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
    <li>Help me</li>
    <li>Tell me</li>
    <li>Show me</li>
    <li>Free me</li>
</ul>

CSS

ul.nav li {
    display:inline-block;
    width: 200px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align:center;
}
ul.nav li:hover {
    background:-webkit-linear-gradient(#99cccc, #99cccc 10%, #ebebeb 10%, #ebebeb);
    background:-moz-linear-gradient(#99cccc, #99cccc 10%, #ebebeb 10%, #ebebeb);
    background:-o-linear-gradient(#99cccc, #99cccc 10%, #ebebeb 10%, #ebebeb);
    background:linear-gradient(#99cccc, #99cccc 10%, #ebebeb 10%, #ebebeb);
}