JSFiddle - React, Tailwind, and code Playground

by Markov88

HTML

<ul class='list-menu'>
<li>item1</li>
<li>item1</li>
<li>item3</li>
</ul>

CSS

.list-menu::after {
    transition: all 5s ease;
}
.list-menu:hover:after{
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: black;
}