JSFiddle - React, Tailwind, and code Playground

by scheinercc

HTML

<ul class="nav">
    <li>
        test
        <ul>
            <li>
                test

CSS

ul.nav ul {
opacity: 0;
left: -50000%;
position: absolute;
transition: opacity 0.5s ease-in-out 0.2s, left 0 linear 0.7s, z-index 0 linear 0.2s;
z-index: 1;
}

ul.nav li:hover > ul {
opacity: 1;
left: 0;
transition: opacity 0.5s ease-in-out 0.2s, left 0 linear 0.2s, z-index 0 linear 0.2s;
z-index: 2;
}

body {
	font: 1.4em/1.5em Tahoma;
}

ul.nav {
	position: relative;
    margin: 1em;
}