JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    Hover me    
</div>

CSS

.box{
    width: 300px;
    height: 100px;
    background: silver;
    font-size: 4em;
    margin: 100px;
    transition: all .3s ease-in-out;
}

.box:hover{
    transform : perspective(400px) rotate3d(1, 0, 0, 70deg);
}