JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div id="a"></div>
<div id="b"></div>

CSS

body {
    background: black;
}
div {
    position: absolute;
    left: 50%;
    top: 30px;
    border-right: 10px dashed red;
    width: 3px;
    height: 500px;
    transition: 1s;
}
div#b {
    border-color: blue;
}
div:first-child{
    z-index: 2;
}
div#a:hover {
    transform: translateY(20px);
}