JSFiddle - React, Tailwind, and code Playground

by andrei

HTML

<div class="my_div"></div>

CSS

body {
    -webkit-perspective:500;
}
.my_div {
    width: 100px;
    height:100px;
    background:yellow;
    -webkit-transition:all 0.5s ease;
}
.animateTransform {
    background:red;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0,0,-120px);
}

JavaScript

$(".my_div").on("click", function() {
    $(this).toggleClass("animateTransform");
})