JSFiddle - React, Tailwind, and code Playground

HTML

Click the text below to animate:

<div id="msg">Well Done!</div>

CSS

#msg { font-size: 40pt; font-weight:bold; text-align:center; line-height: 120pt; }

JavaScript

$("#msg").click(function() {
    var duration = 1400;
    $msg = $(this);
    $msg.css("-webkit-transform", "scale(2)")
        .css("-webkit-transition-timing-function", "ease-out")
        .css("-webkit-transition-duration", duration + "ms");
    setTimeout(function () {
        $msg.css("-webkit-transform", "scale(1)")
            .css("-webkit-transition-timing-function", "ease-in")
            .css("-webkit-transition-duration", duration + "ms");
    }, duration);
});