JSFiddle - React, Tailwind, and code Playground

by Felipe Kautzmann

HTML

Clique abaixo:

<h1 id="testFelipe">Felipe Test</h1>

JavaScript

$("#testFelipe").on("click", function(){run();});

function run(){
    var radius = 0;
    var interval = window.setInterval(function() {
        $("#testFelipe").css("-webkit-mask", "-webkit-gradient(radial, 17 17, " + radius + ", 17 17, " + (radius + 15) + ", from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)))");
        radius++;
        
        if (radius === 124) {
            window.clearInterval(interval);
        }
    }, 7);
}