JSFiddle - React, Tailwind, and code Playground

by Love Trivedi

HTML

<div id="first">
        <div id="second"></div>
    </div>

CSS

#first
    {
        width:50px;
        height:50px;
        position: relative;
        top:100px;
        left:100px;
        background: red;
    }

    #second
    {
        width:50px;
        height:50px;
        position: relative;
        top:200px;
        left:200px;
        background: blue;
        transition: left 1s;
    }

    #first:hover > #second
    {
        left:250px;
    }