Focus the current paragraph
Dims all paragraphs and brightens only the one under the cursor, helping you stay focused.
Code to copy
(function () {
var article = document.querySelector('article, .post, .entry-content, main');
if (!article) return;
var paras = article.querySelectorAll('p');
if (!paras.length) return;
paras.forEach(function (p) {
p.style.transition = 'opacity 0.2s ease';
p.style.opacity = '0.35';
p.addEventListener('mouseenter', function () { p.style.opacity = '1'; });
p.addEventListener('mouseleave', function () { p.style.opacity = '0.35'; });
});
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.