JSFiddle - React, Tailwind, and code Playground

by ipeshev

HTML

<div class="rectangle"></div>

CSS

.rectangle {
    width:200px;
    height:200px;
    background:red;
    
}
.rectangle.open {
    -webkit-transform: scale(1);
    opacity: 1;
    
}
.rectangle {
    -webkit-transform: scale(0.7);
    opacity: 0;
    transition: all 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: initial;
    -webkit-transition-delay: initial;
}

JavaScript

$(".rectangle").click(function(){
    $(this).toggleClass('open');
});
$(".rectangle").toggleClass('open');