← Alle Beispiele

Pinterest: Pins in Graustufen bis zum Hover

Zeigt Pins in Graustufen und stellt volle Farben erst beim Überfahren eines Pins wieder her.

Code zum Kopieren

/* Show feed pins in grayscale until hovered */
div[data-test-id="pin"] img {
  filter: grayscale(100%) !important;
  transition: filter 0.2s ease !important;
}
div[data-test-id="pin"]: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.