JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Абаждите</title>
    <script>
        function doBackground () {
            var j = 70;
            var f =  function f () {
                setTimeout(function() {
                    j++;
                    me.style.background = 'rgba(250,24,27,' + (j/100) + ')';
                    if (j < 90) {
                        f();
                    }
                }, 100);
            };
            f();

        }
    </script>
</head>
<body style="background-color: blue;">

<div class="pw-background" style="width: 200px; height: 100px; background: rgba(250,24,27, 0.7); " id="me" onclick="doBackground();">
    Пожалуйста, подождите...
</div>

</body>
</html>