JSFiddle - React, Tailwind, and code Playground

by Timatnet

HTML

123 321 33333333333333333333333333333333333333333333333333333333333

JavaScript

$('body').prepend('<div class="paint-container" style="z-index:100;"></div>').css({"z-index":99});
var image = new Image();
image.src = "http://www.sintezplyus.ru/sites/all/themes/paint/img/background-paint-splatter-transparent.gif";

setInterval(function() {
    $(".paint-container").append('<img style="position: fixed; opacity: 0.98;" class="animated-background" />');
    var hue = "hue-rotate(" + Math.floor(Math.random()*360)+"deg)";
    $(".animated-background").last().css({left: Math.random()*300-Math.random()*200 + "px", right: Math.random()*300-Math.random()*200 + "px", width: Math.random()*900+600 + "px", opacity: Math.random()*0.5+0.5, filter: hue, "-webkit-filter": hue, "-moz-filter": hue, "-o-filter": hue, "-ms-filter": hue }).attr({ src: image.src }).show("slow");
}, 10000);