JSFiddle - React, Tailwind, and code Playground

by NotInUse

HTML

<div>
   <p>some text</p> 
   </div>
   <button>Magic</button>

CSS

div{
    border-style: solid;
    width: 350px;
    height: 400px;
    transition-duration: 2s;
    transform: rotateX(15deg) rotateY(180deg);}
    p {
    float: left;
    font-size: 90px;}
    
    .effect1
    {     
    transition-duration: 2s;
    transform: rotateX(0deg) rotateY(0deg);}

JavaScript

$('button').click(function(){
        box = $("div");
        box.addClass('effect1');
        });