Dans l’astuce du jour, nous allons créer un effet dynamique de « zoom au survol » qui donne une touche interactive aux images de vos pages. Avec le CSS fourni, vos images s’agrandissent avec élégance lorsque le pointeur passe dessus. Cet effet, obtenu avec très peu de code, est une belle façon d’enrichir l’attrait visuel du site et de capter l’attention des visiteurs.
DEMO : zoom au survol
HTML
<img class="zoom-in" src="YOUR-IMAGE-PATH"/>
CSS
.zoom-in { transition:transform .2s; }
.zoom-in:hover { transform: scale(1.2); }