Nel suggerimento rapido di oggi creiamo un effetto dinamico di «zoom al passaggio del mouse» che dà un tocco interattivo alle immagini delle tue pagine. Con il CSS indicato, le immagini si ingrandiscono con eleganza quando il puntatore ci passa sopra. È un effetto con pochissimo codice e un ottimo modo per migliorare l’impatto visivo del sito e coinvolgere i visitatori.
DEMO: zoom al passaggio del mouse
HTML
<img class="zoom-in" src="YOUR-IMAGE-PATH"/>
CSS
.zoom-in { transition:transform .2s; }
.zoom-in:hover { transform: scale(1.2); }