JSFiddle - React, Tailwind, and code Playground

by tabalinas

HTML

<div class="container"></div>
<br><br>
<button>Click ME</button>

CSS

.container {
    width: 10px;
    height: 10px;
    border: 1px solid lightgreen;
    box-shadow: 0 0 0 black;

}

.container.test {
    box-shadow: 0 0 0 4px green;
    transition: box-shadow linear .5s .5s;
}

JavaScript

$("button").on("click",function(e) {
    $(".container").addClass("test");
});