JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#lol{

    -webkit-perspective:1000px

}

#wtf{-webkit-transform-style:preserve-3d}
#jedna
{width:100px;
    height:100px;
    background-color:red;
    display:block;
transition: all 2s ease}
#dva
{width:100px;
    height:100px;
    background-color:blue;
    display:block;
-webkit-backface-visibility: hidden;
transition: all 2s ease}

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