JSFiddle - React, Tailwind, and code Playground

by avanesov89

HTML

<div class="nav">
    <ul>
        <li class="one">текст</li>
        <li class="wo">текст</li>
        <li class="tr">текст</li>
    </ul>
</div>

CSS

.nav {width:600px;border:1px solid #cecece;}
.nav ul {margin:0;padding:0}
.nav ul li {width:200px;height:100px;display:block;margin:40px;border:1px solid #000}
.nav ul li:hover {border-left:10px solid #000;transition:border 1.5s;}