← Все примеры

Threads: размыть ленту до наведения

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

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

/* Blur the whole feed until you hover, encouraging intentional use */
main [data-pressable-container] {
  filter: blur(6px) !important;
  transition: filter 0.15s ease;
}
main:hover [data-pressable-container] {
  filter: none !important;
}

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

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