JSFiddle - React, Tailwind, and code Playground

by Ngoc Hieu

HTML

<ul id="lavalamp">
    <li>Menu 1</li>
    <li>Menu 2</li>
    <li>Menu 3</li>
    <li> Me nu nay se la menu rat dai</li>
</ul>

CSS

#lavalamp{
    list-style:none;
    position:inherit;
}
#lavalamp li{
display:inline-block;
    padding:5px 10px;
    background:#444;
    color:#f1f1f1;
    margin:0;
    height:40px;
}
#lavalamp li:hover{
    background:blue;
    position:relative;
}
#lavalamp li:hover ~ li:last-child:after{
    content:"";
    position:absolute;
    background:red;
    top:0;
    left:0;
    width:100%;
    height:;
}