JSFiddle - React, Tailwind, and code Playground

by Jennifer Piccione

HTML

<button id="go">Go</button>
<div id="note">Hello World!</div>

CSS

#note {
     background-color: #bca;
     width: 100px;
     border: 1px solid green;
     text-align: center;
 }

JavaScript

$("#go").click(function() {
    $("#note").animate({
        width: "70%", 
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em",
        borderWidth: "10px"
    }, 1000);
});