2.5D Scroll-Driven Browsing Engine in JavaScript and CSS2.5D Scroll-Driven Browsing Engine in JavaScript and CSS
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Depthline: a 2.5D scroll-driven browsing engine. Wheel, touch and middle-button input moves you through a tunnel of layered pages. I wrote the engine in plain JavaScript and CSS transforms: separate target and smoothed positions for controlled input response, coordinated position, scale, opacity, blur and rotation, configurable tunnel length, depth, frame count and easing, and forward/return transitions for every input method. Self-contained, no build step.
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started