← Все примеры

Режим фокуса — приглушить непрочитанный текст

Приглушает абзацы и подсвечивает только тот, что под курсором, помогая сосредоточиться.

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

p, li, td, blockquote {
  opacity: 0.55;
  transition: opacity .12s ease;
}
p:hover, li:hover, td:hover, blockquote:hover {
  opacity: 1;
}

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

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