← Все примеры

X: размыть изображения до наведения

Размывает изображения в твитах, пока вы не наведёте курсор, снижая тягу к бездумному скроллингу.

Код для копирования

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

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.