JSFiddle - React, Tailwind, and code Playground

by Jonathan_Ironman

HTML

<div class="center">
    <p>Heartbeat</p>
</div>

CSS

.center {
    font-size: 6em;
    font-weight:bold;
    color: red;
}
body, html {
    height: 100%;
    background: linear-gradient(to bottom, #000000 0%, #30000b 50%, #410110 76%, #4c0012 100%);
}

JavaScript

function pulse() {
    var target = $('body');

    target.animate({
        'font-size': '100.2%',
            'background-size': '230%'
    }, 200).delay(1600)
        .animate({
        'font-size': '100.1%',
            'background-size': '200%'
    }, 200, function () {
        window.setTimeout(pulse(), 4000);
    }).delay(200);
}

pulse();