Jump to content

User:Ember314/blur.js

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*** WARNING: very blurry!
 * use as you like
 * see if I care
 ***/
const BLUR_AMOUNT = 5;
$('body').prepend("<div id='funCanvas'></div>");
$('body').prepend('<style>#funCanvas{  position: absolute; left: 0; right: 0;top: 0;bottom: 0;height: 200%;width: 100%; z-index: 1000000;pointer-events: none; overflow: auto; background: transparent;   backdrop-filter: blur('+BLUR_AMOUNT+'px);background-color: rgba(0, 0, 0, 0);}</style>');