Corsi on-line

5 esempi di scrolling animato con CSS e jQuery

Il sempre più diffuso supporto alle animazioni CSS3 sta portando allo sviluppo di effetti una volta realizzabili solo tramite Flash. Librerie come Animate.css, esempio eccellente di come si possa animare un oggetto statico, sono state utilizzate assieme a jQuery per realizzare effetti durante lo scrolling di una pagina.

L’uso di jQuery permetterà di monitorare determinati eventi per attivare le animazioni CSS. Il plugin Animo, basato su Animate, è un esempio di strumento che fornisce un ricco set di animazioni in base alle azioni dell’utente (v.demo).

Ecco 5 plugin da utilizzare per arricchire le proprie pagine

  1. WOW – set standard di animazione su scrolling
  2. SuperScrollORama – scrollare l’home page per rendersi conto delle potenzialità!
  3. ScrollPath – Un modo alternativo per definire i percorsi di un oggetto a seguito di scrolling
  4. Skrollr – trasformare ogni elemento in corsa
  5. AnimateScroll – animazioni…a comando!

Qual è la vostra animazione preferita?

Post correlati
I più letti del mese
Tematiche