← Tutti gli esempi

X: sfoca le immagini fino al passaggio del mouse

Sfoca le immagini dei tweet finché non ci passi sopra, riducendo lo scorrimento compulsivo.

Codice da copiare

// 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);
}

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.