JSFiddle - React, Tailwind, and code Playground

by marlanga

HTML

<div>
    <ul>
        <li>Menu 1</li>
        <li>Menus 2</li>
        <li>Menu 3</li>
        <li>Menu 4</li>
    </ul>
</div>

CSS

div {}
ul { }
li { display:block; text-align:center; width:100px; height:20px; float:left; margin-left:3px; background-color:#bbb;
    transition: all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;}

li:hover {  background-color:#444; color:white; width:200px; cursor:pointer; }