This page contains experimental scroll effects that may cause discomfort, confusion, or mild nausea. Proceed at your own risk.
We recommend closing this tab immediately if you experience motion sickness.
Today we're exploring the limits of parallax scrolling and browser physics. As you scroll down this page, you'll experience:
This is what happens when parallax scrolling breaks free from its restraints and chooses violence.
As you scroll through this section, notice how elements move at different speeds, creating a disorienting effect that challenges your perception of depth.
The human brain is wired to understand consistent movement patterns. When elements move at wildly different speeds, it creates cognitive dissonance.
The floating elements above are moving at completely different speeds relative to your scrolling. Some are racing ahead, others lagging behind.
This technique, when used subtly, can create depth and interest. When used aggressively—as we've done here—it creates visual chaos.
Continue scrolling to experience even more parallax madness...
In this section, elements are moving in the opposite direction than you'd expect. Your brain is probably throwing errors right now.
When user expectations are violated, it creates a jarring experience that forces conscious processing of what should be an automatic action.
Did that last section feel like you were scrolling upside down? That's because some elements were moving in the opposite direction than expected.
This is a common technique in horror games and disorienting experiences. The goal is to make the user feel a lack of control.
Keep scrolling for more chaotic scroll experiences...
Move your cursor around this section and watch as elements become attracted to it. This creates an interactive but disorienting experience.
The cursor on the web normally represents control. When elements react unpredictably to it, that sense of control is undermined.
Those elements above are programmed to occasionally zoom toward your cursor position, creating a sense that the page is alive and responding to you in unexpected ways.
This technique breaks the fourth wall of web design - elements shouldn't move unless we explicitly interact with them.
Continue scrolling for the final surprise...
In this final section, your scrolling might occasionally accelerate uncontrollably, sending you flying up or down the page.
When scrolling - the most basic form of web navigation - becomes unpredictable, users experience a complete loss of agency.
Did you notice your scroll speed changing unexpectedly? Scroll hijacking is one of the most controversial techniques in web design, and for good reason.
When used subtly, it can create guided experiences. When used like we have here, it creates frustration and a loss of control.
Thanks for experiencing our aggressive parallax experiment!