Im heutigen Kurz-Tipp tauchen wir in einen dynamischen „Zoom beim Hover“-Effekt ein, der Bildern auf deinen Seiten eine interaktive Note gibt. Mit dem folgenden CSS werden deine Bilder beim Darüberfahren elegant größer. Der Effekt braucht kaum Code und ist eine tolle Möglichkeit, die visuelle Wirkung deiner Website zu stärken und Besucher stärker einzubinden.
DEMO: Zoom beim Hover
HTML
<img class="zoom-in" src="YOUR-IMAGE-PATH"/>
CSS
.zoom-in { transition:transform .2s; }
.zoom-in:hover { transform: scale(1.2); }