In this gallery, we have some fantastic examples of the parallax scrolling effect for you. The parallax scrolling effect, now a firm design trend, is a technique that uses multiple background images that move at different, yet synchronized, speeds as the user scrolls down (also, less popularly, horizontally) a web page. The overall effect gives the viewer a seamless and intriguing browsing experience that just looks damn good!
At the bottom of the page we have also included a selection of tutorials to help get you started. We have also published a collection of inspiring Single Page parallax scrolling effect websites as well.
Grab and Go
Ben the Bodyguard
Egopop Creative Studio
The Beatles Rock Band
I to Sie Ceni
Atlantis World’s Fair
Tokyu Agency Recruit
Phase 2 Design Studio
Parallax Scrolling Effect Tutorials
With this tutorial you will learn how to use parallax principles to move different backgrounds as you you slide an image.
This tutorial is very helpful for learning how to create a fluid CSS3 slideshow with the a parallax effect.
With this basic tutorial, you will learn how to create the parallax effect using jQuery.