JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/pixi.js/2.2.1/pixi.js"></script>
<canvas id="canv" width="400px" height="300px"></canvas>
<div id='outer'>
    <div id='inner'>Text</div>
    
    
</div>

CSS

#outer {
    position: absolute;
    left: 170px;
    top: 100px;
    /*-webkit-perspective: 1000;*/
    
}
#inner {
    font-size: 14px;
    background-color: #FFFFFF;
    -webkit-perspective: 1000;
    -webkit-transform: scale(6);
    
}

JavaScript

requestAnimationFrame(animate);

function animate() {
    
    var ctx = document.getElementById("canv").getContext("2d");

    ctx.fillStyle = "red";
    ctx.fillRect(200, 90, 70, 220);
    
    //requestAnimationFrame(animate);
}