← Wszystkie przykłady

X: rozmyj zdjęcia do najechania

Rozmywa zdjęcia we wpisach, dopóki na nie nie najedziesz, by ograniczyć bezmyślne przewijanie.

Kod do skopiowania

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

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.