← Все примеры

Trello: размыть названия карточек до наведения

Размывает названия карточек и проясняет их только при наведении, защищая от подглядывания.

Код для копирования

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

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.