Trello: rozmyj tytuły kart do najechania
Rozmywa tytuły kart i wyostrza je dopiero po najechaniu, chroniąc przed zerkaniem przez ramię.
Kod do skopiowania
/* Blur card titles until you hover, for shoulder-surfing privacy */
[data-testid="card-name"],
.list-card-title {
filter: blur(4px) !important;
transition: filter 0.12s ease !important;
}
[data-testid="trello-card"]:hover [data-testid="card-name"],
.list-card:hover .list-card-title {
filter: none !important;
}Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu CSS reguły i zapisz — efekt pojawi się od razu.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.