Corsi on-line

Icone che rimbalzano con jQuery & CSS

Se siete alla ricerca di un interessante effetto con cui arricchire i menù orizzontali delle vostre pagine Web, vi consiglio di consultare questo ottimo tutorial pubblicato su NealGrosskopf.com e intitolato “Create An Icon Bouncing Effect With jQuery & CSS“; l’icon bouncing è infatti una tecnica grazie alla quale è possibile far letteralmente “sollevare” un’icona o un’altra immagine nel momento in cui il cursore del mouse ci passa sopra, per poi riportarla alla condizione originale non appena il puntatore si allontana.

Oltre a tutto il codice necessario per la realizzazione di un menù animato, nell’articolo troverete anche il link ad una demo completamente funzionante, molto interessante il fatto che all’effetto rimbalzo sia associato anche un effetto di trasparenza sull’immagine in modo da evidenziarla rispetto alle altre.

L’utilizzao di jQuery in associazione a CSS permette di realizzare facilmente bouncing icons senza per questo far ricorso a innumerevoli righe di codice JavaScript.

Post correlati
I più letti del mese
Tematiche