← Все примеры

BBC: чёрно-белые миниатюры в списках

Обесцвечивает миниатюры в списках новостей и возвращает цвет при наведении, чтобы внимание было на заголовках.

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

/* Desaturate listing thumbnails so headlines lead the eye */
[data-testid="card-media"] img,
[data-testid="promo"] img {
  filter: grayscale(1) !important;
  transition: filter 0.2s ease !important;
}
[data-testid="card-media"]:hover img,
[data-testid="promo"]:hover img {
  filter: grayscale(0) !important;
}

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

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