JSFiddle - React, Tailwind, and code Playground

HTML

<div id="lol">
<div id="jedna">
    <div id="dva">
    </div>
</div>
</div>

CSS

#lol{

    -webkit-perspective:1000px

}


#jedna
{width:100px;
    height:100px;
    background-color:red;
    display:block;
transition: all 2s ease}
#dva
{width:100px;
    height:100px;
    background-color:blue;
    display:none}

#jedna:hover
{-webkit-transform:rotateY(180deg);
-webkit-transform-style: preserve-3d;}
#jedna:hover>#dva{
    display:block}
}