blurs twitter media by default unless you hover over it, for a more sfw twitter

twiblur.user.js

// ==UserScript==
// @name         twiblur
// @namespace    [email protected]
// @version      0.2
// @description  blur twitter images
// @author       ZerataX
// @license      Unlicense
// @match        https://twitter.com/*
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

GM_addStyle ( `
    .AdaptiveMedia-container,
    .PlayableMedia-reactWrapper,
    .tcu-imageWrapper,
    .QuoteMedia-photoContainer,
    .QuoteMedia-videoPreview
    {
        filter: blur(20px) grayscale(10%);
        transition: .3s all;
    }

    .AdaptiveMedia-container:hover,
    .PlayableMedia-reactWrapper:hover,
    .tcu-imageWrapper:hover,
    .QuoteMedia-photoContainer:hover,
    .QuoteMedia-videoPreview:hover
    {
        filter: blur(0px) grayscale(0%);
    }
` );