// ==UserScript==
// @name         Funky
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://*/*
// @grant        GM_addStyle
// @require http://code.jquery.com/jquery-3.3.1.min.js
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle('.funky { position: fixed; top: 0; left: 0; height: 100%;    width: 100%; animation: funkyDelay 3.3s infinite ease-in-out;    z-index: 100000;    pointer-events: none; }');

    GM_addStyle("@keyframes funkyDelay { " +
        "0%, 100% { " +
        "    backdrop-filter: invert(100%) blur(3px) sepia(0%) brightness(100%); " +
        "} 10% { " +
        "    backdrop-filter: invert(100%) blur(3px) sepia(0%) brightness(70%); " +
        "} 50% {"+
        "      backdrop-filter: invert(0%) blur(0px) sepia(100%) brightness(100%); " +
        "} 75% {"+
        "      backdrop-filter: invert(0%) blur(0px) sepia(0%) brightness(400%); " +
        "} 90% {"+
        "      backdrop-filter: brightness(500%); " +
        "}}");

    jQuery('body').append('<div class="funky"></div>"');
})();