JSFiddle - React, Tailwind, and code Playground

by dunerunner

HTML

<div id="thediv" class="scalable"></div>
<button id="btn">Show</button>

CSS

.scalable {
    width:300px;
    height:300px;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition:transform 0.2s linear;
    -webkit-transition:transform 0.2s linear;
    background:orange;
}
.scalable.shown {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition:transform 0.2s linear;
    -webkit-transition:transform 0.2s linear;
}

JavaScript

$(document).ready(function(){
	$('#btn').on('click', function(){
    	$('#thediv').toggleClass('shown');
    });
});