Parallax Scrolling: 16 Esempi E Tutorial

by admin Date: 02-07-2013 jquery risorse tutorial tips parallax scrolling web design


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

 

 
by admin Date: 02-07-2013 jquery risorse tutorial tips parallax scrolling web design visite : 8017  
 
 
 
 

Articoli correlati