Parallax Scrolling: 16 esempi e tutorial

Parallax Scrolling: 16 esempi e tutorial

 
 

La parallasse è, come recita Wikipedia,

il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione.

Il parallax scrolling (effetto parallasse) è una tecnica particolare di scorrimento utilizzata in computer grafica.
L’effetto visivo della parallasse simula un fenomeno 3D su oggetti bidimensionali. Semplicemente al movimento del mouse si muovono i diversi strati, che non sono altro che delle immagini posizionate una dopo l’altra.

Se volete cimentarvi con questa particolare tecnica, abbiamo selezionato per voi una lista di 16 risorse ed esempi da cui prendere ispirazione.

1. jQuery Parallax plugin  DEMO

2. Super Scroll Orama DEMO

3. jQuery Scroll Path DEMO

4. scrolldeck.js DEMO

5. jParallax DEMO

6. Parallax with jQuery and CSS DEMO

7. Parallax-JS (by Razorfish) DEMO

8. Parallax Scrolling Clouds DEMO

9. Parallaxjs (by stolksdorf) DEMO

10. Plax (by Cameron McEfee) DEMO

11. Create a Parallax Scrolling Website Using Stellar.js DEMO

12. Skrollr (by Alexander Prinzhorn) DEMO

13. Building a parallax scrolling storytelling framework DEMO

14. PARALLAX SLIDER WITH JQUERY DEMO

15. FLUID CSS3 SLIDESHOW WITH PARALLAX EFFECT DEMO

16. JavaScript Tutorial: Parallax Effect, Thumbnail Shifting and Sequential Window Opening DEMO

 

 
 

tags: jquery risorse tutorial tips parallax scrolling web design


Questo sito fa uso di cookie, anche di terze parti, per migliorare la tua esperienza di navigazione. Accettando questa informativa dai il consenso al loro utilizzo. È possibile modificare le impostazioni dei cookie o ottenere ulteriori informazioni qui: Politica dei cookies.