10 Examples of Parallax Scrolling Usage

Parallax scrolling on websites

More and more often you come across websites where certain elements on the page move slower or faster during scrolling. In this blog, I will explain what Parallax Scrolling is and provide some examples.

What is Parallax Scrolling?

The following text is explained on Wikipedia as the technique:

“Parallax is the phenomenon where the apparent position of an object in relation to another object and/or the background varies as it is viewed from different positions. This phenomenon is more pronounced the closer the object is to the background relative to the observer: Things that are closer seem to shift more through the change of viewing direction than things that are further away.”

Simply put, this means: objects that are far away move slower than objects that are close. The further the object, the slower it moves with you.

10 Examples of Parallax Scrolling Usage

1. Lost World Fairs

 

2. Sony Tablet S

 

3. Nintendo Wii Mario Kart

 

4. Dezignus

 

5. Heart 2 Heart

 

6. Manufacture d’essai

 

7. The Art of Flight

 

8. Billy’s Downtown Diner

 

9. Jan Ploch

 

10. Smokey Bones