← Wszystkie przykłady

Tryb skupienia — przyciemnij nieczytany tekst

Przyciemnia akapity i wyróżnia tylko ten, nad którym trzymasz kursor, pomagając się skupić.

Kod do skopiowania

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

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.