← Все примеры

X: серые медиа для сосредоточенности

Убирает цвет с фото и видео, чтобы кричащие медиа не отвлекали; цвет возвращается при наведении.

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

/* Desaturate images and videos so loud media stops grabbing attention */
[data-testid="tweetPhoto"] img,
[data-testid="tweet"] video {
  filter: grayscale(100%) !important;
  transition: filter 0.2s ease;
}
[data-testid="tweetPhoto"]:hover img,
[data-testid="tweet"] video:hover {
  filter: grayscale(0%) !important;
}

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

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