JSFiddle - React, Tailwind, and code Playground

HTML

<div id="stager">
       <div id="transformer">
	     hello
	   </div>
	</div>

CSS

#stager {
-webkit-perspective: 500;
border: solid hsl(0, 0%, 0%) 1px;
position: relative;
    -webkit-transform-origin: 50% 50%;
}

#transformer {
background-color: hsl(0, 100%, 50%);
height: 300px;
width: 300px;
margin: 100px auto;
-webkit-transform: matrix3d(1, 0, 0, 0, 1.02, 1.02, 0, 0.0019, 0, 0, 1, 0, 0, 0, 0, 1);
text-align: center;
line-height: 300px;
color: hsl(0, 100%, 100%);
font-size: 32px;
}