X: blur images until hover
Blurs tweet images until you hover them, reducing the pull of mindless doomscrolling.
Code to copy
// Blur tweet images until you hover them, to reduce doomscrolling pull
const STYLE_ID = 'jz-x-blur-images';
if (!document.getElementById(STYLE_ID)) {
const s = document.createElement('style');
s.id = STYLE_ID;
s.textContent = '[data-testid="tweetPhoto"] img{filter:blur(14px);transition:filter .15s}'
+ '[data-testid="tweetPhoto"]:hover img{filter:none}';
document.head.appendChild(s);
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.