← Alle Beispiele

Bild-Zoom beim Hover (CSS)

Vergrößert jedes Bild beim Hover sanft und hebt es über den umgebenden Inhalt.

Code zum Kopieren

/* Smoothly scale up any image when the pointer hovers over it. */
img {
  transition: transform 0.2s ease;
}
img:hover {
  transform: scale(1.6);
  position: relative;
  z-index: 9999;
}

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.