another section from the build; an interactive 4-step timeline. The showpiece is the shader image...another section from the build; an interactive 4-step timeline. The showpiece is the shader image...
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
another section from the build; an interactive 4-step timeline. The showpiece is the shader image transition; one custom fragment shader, no library, using luminance as depth so dark areas fill first and the photo develops into place. Some of the hidden infrastructure pieces; 1) grid-template-rows animation for the expanding steps (no height hacks, no measuring) 2)@motiondev running all interactions 3) Everything sleeps when off-screen - maintaining site speed and reserving GPU for better performance across the rest of the sections
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