JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
        <div id="item">
          Know my true value
        </div>
    </div>

CSS

#wrap{
    -webkit-perspective: 800px;
    position: relative;
    margin: 20px auto;
    width: 300px;
    height: 200px;
    background: #000;
}
#item{
    position: absolute;
    width: 300px;
    height: 200px;
    background: #ddd;
    text-align: center;
    line-height: 200px;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translateZ(-400px);
    
}