Reenactment & Expansion of
Charley Harper’s Skimmerscape, 1976 (a)

What is Parallax Scrolling?

Parallax scrolling is a design technique that creates a sense of movement, fluidity, and depth. It adds a faux three-dimensional effect, enhancing immersion and bringing life to the web experience. This effect can dynamically display content in an eye-catching way and is easy for visitors to understand because it mimics how we perceive depth in everyday life.

Uniqueness of Parallax Scrolling

No need to decipher what can be clicked

Parallax scrolling doesn’t demand

It happens in addition and bursts to life while

The effect is not a good fit for every website

(like this paragraph). But if done right,

engaged and encourage them to continue the scrolling.


and what to type into a text field.

complicated input and understanding of the web.

traversing the web page through scrolling.

and can be distracting, overbearing and confusing

it has the potential to keep the visitor

History of the Parallax Effect

In real life, so since the beginning of time, you can observe this effect while gazing out of the window from the back of a moving car. Street lamps appear to rush past you, while buildings in the distance stroll by more slowly.

The first parallax effect on screen dates back to the 1930s and was used as a tool in 2D animated movies.

Next, it appeared in the 1980s as a workaround for technical restrictions in early 2D video games.

In the 2000s, parallax on the web started out very simple, with only a few layers, evolving alongside advancements in technology.

How to do a simple Parallax Effect?

HTML
CSS
UPDATE PREVIEW
cf. Vev. Parallax Website: Create Effortlessly Slick Web Experiences. Retrieved from vev.design
cf. Prendergast, C. Parallax Scrolling: Examples and History. Retrieved from clickrain.com
cf. Marian Dörk (2024). Parallax - Scrollytelling - Interactive Information. Retrieved from uclab-potsdam.github.io
Charley Harper (1976). Reenactment & Expansion of Skimmerscape. Retrieved from charleyharperartstudio.com
Supercharged 3800sc (2019). Motion Parallax Example. Retrieved from youtube.com
Hand, D. (Director). (1973) Snow White and the Seven Dwarfs. [Film]. Walt Disney Productions. Retrieved from vev.com
Yasuhara, H. (Designer). (1991). Sonic the Hedgehog. [Game]. Sega. Retrieved from vev.com
Charley Harper. Composion using Anhinga and Owltercation. Retrieved from charleyharperartstudio.com, Anhinga, Owltercation