JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div id="outter">
    <div class="box">LOGO</div>
</div>

CSS

#outter .box {
    background-color: red;
    transform: perspective(600px) rotateY(0deg);
    transition: all 500ms ease 0s;
    height:200px;   
    width:200px;
}

#outter:hover .box {
    transform: perspective(600px) rotateY(180deg);
}