JSFiddle - React, Tailwind, and code Playground

by edelman

HTML

<h1>Hello there! Click me</h1>

CSS

h1 { 
    box-shadow: 0 0 0 0 #777;
    -webkit-transition: box-shadow 3s ease-in-out;
    -moz-transition: box-shadow 3s ease-in-out;
    transition: box-shadow 3s ease-in-out;
}

.addshadow {
    box-shadow: 0 10px 6px -6px #777;
}

JavaScript

$('h1').click(function(){
    $(this).toggleClass('addshadow');
});