Bilder Zoom Funktion mit CSS

Die Bilder Zoom Funktion mit CSS. Es muss nicht immer JavaScript sein. Auch mit CSS lassen sich sehr einfach viele schöne Dinge zaubern.

Beispiel

img.zoom {
transition: transform 0.2s;
}
img.zoom:hover {
transform: scale(1.5, 1.5);
}

Wer hier mit dem Mauszeiger über das Bild schwebt, vergrößert das Bild nach den oben definierten Einstellungen. Bei Bedarf einfach mal testen und ausprobieren.

Unterstützt wird diese Bilder Zoom Funktion bisher von den den grossen Browsern Firefox, Edge und Google Chrome.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.