← Alle Beispiele

Bilder in Graustufen

Zeigt jedes Bild in Graustufen und stellt beim Hover die volle Farbe wieder her.

Code zum Kopieren

/* Display all images in grayscale; restore color on hover. */
img {
  filter: grayscale(100%);
  transition: filter 0.25s ease;
}
img:hover {
  filter: grayscale(0%);
}

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.