← Alle Beispiele

BBC: Graustufen-Vorschaubilder in Listen

Entsättigt die Vorschaubilder in Nachrichtenlisten und stellt die Farbe beim Hover wieder her.

Code zum Kopieren

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

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.