Mettre en avant le paragraphe actuel
Atténue tous les paragraphes et n'éclaircit que celui sous le curseur, aidant à rester concentré.
Code à copier
(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'; });
});
})();Comment utiliser cet exemple
- Copiez le code avec le bouton ci-dessus.
- Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
- Ajoutez une nouvelle règle correspondant à cette page.
- Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.
Notez cet exemple
Aucune note — soyez le premier.