← Alle Beispiele

X: graue Medien für mehr Fokus

Entzieht Fotos und Videos die Farbe, damit grelle Medien nicht ablenken; Farbe kehrt beim Hover zurück.

Code zum Kopieren

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

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.