← Tous les exemples

Trello : flouter les titres de cartes jusqu'au survol

Floute les titres de cartes et les rend nets au survol, contre les regards indiscrets.

Code à copier

/* 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;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.