JSFiddle - React, Tailwind, and code Playground

HTML

<button id="three-d">Click to Animate 3d</button>
<button id="two-d">And Back to 2d</button>
<div>
    <p>Lorem ipsum no quo possit commune percipit. Per vidisse nonummy mandamus cu, vis ignota omittantur in, te atqui tibique eos.</p>
</div>
<div>
    <p>Lorem ipsum no quo possit commune percipit. Per vidisse nonummy mandamus cu, vis ignota omittantur in, te atqui tibique eos.</p>
</div>
<div>
    <p>Lorem ipsum no quo possit commune percipit. Per vidisse nonummy mandamus cu, vis ignota omittantur in, te atqui tibique eos.</p>
</div>
<div>
    <p>Lorem ipsum no quo possit commune percipit. Per vidisse nonummy mandamus cu, vis ignota omittantur in, te atqui tibique eos.</p>
</div>
<div>
    <p>Lorem ipsum no quo possit commune percipit. Per vidisse nonummy mandamus cu, vis ignota omittantur in, te atqui tibique eos.</p>
</div>
<div>
    <p>Lorem ipsum no quo possit commune percipit. Per vidisse nonummy mandamus cu, vis ignota omittantur in, te atqui tibique eos.</p>
</div>

CSS

div {
    background : #ffffff;
}

JavaScript

$("#three-d").click( function(){
    $("div").css({        
        "-webkit-transform" : "matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 50, 0, 1)"    
    });
});

$("#two-d").click( function(){
    $("div").css({        
        "-webkit-transform" : "matrix(1, 0, 0, 1, 0, 50)"    
    });
});