Device-Tilt Parallax
A window into another dimension, powered by your phone's sensors.
🧐 What do you see?▼
If you are on a smartphone, tilt your phone side-to-side and up-and-down. If you are on a desktop, move your mouse. The layers of the landscape (stars, mountains, and foreground) will shift at different speeds, creating a believable 3D window effect.
🧠 Why this works▼
This uses the DeviceOrientation API to access your phone's internal gyroscope. By mapping the "Beta" and "Gamma" angles of the phone to the CSS transform properties of each layer, we simulate a Holographic Viewport.
🧪 Try variations▼
Slide the Intensity to the max. This creates a "long" perspective, making the stars seem light-years away while the mountains shift significantly.