JSFiddle - React, Tailwind, and code Playground

by OwenMelbz

CSS

html, body {
    height: 100%;
    min-height: 100%;
}

JavaScript

var blink = {
    init: function(){
        $('body').append('<div id="blinkTop" style="width: 100%; height:1px; background: black; position: absolute; top:-1px; left:0;"></div>');
        $('body').append('<div id="blinkBottom" style="width: 100%; height:1px; background: black; position: absolute; bottom:-1px; left:0;"></div>');
        blink.animate();
        blink.height = $(window).innerHeight() / 2;
    },
    animate: function(){
        setInterval(function(){
            $('#blinkTop').animate({height: blink.height}, 100, function(){
                $('#blinkTop').animate({height: 1}, 100);
            });
            $('#blinkBottom').animate({height: blink.height}, 100, function(){
                $('#blinkBottom').animate({height: 1}, 100);
            });
        }, 5000);
    }
}

blink.init();