Mastering the Hero Image Effect: Box Growth and Zoom Out ExplainedMastering the Hero Image Effect: Box Growth and Zoom Out Explained
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
Most "hero image expands on scroll" effects do it wrong
The right move: grow the box AND zoom OUT. Same content but more of the scene reveals as it grows
Vibe-coded with Claude today
Daniel G's avatar
BrightStudios® logo
Whoa, this one is so good!
Alex's avatar
Apollo Studio logo
thanks man!
MD. Tanvir's avatar
Awesome hero
Shahwaiz's avatar
That zoom-out transition is the key—most scroll animations scale pixels, not perspective.
Akinkunmi's avatar
nice work
Ajayi's avatar
Super cool
Eman's avatar
looking great! Going to give it a try.
Mohd's avatar
That looks amazing!
Sahil's avatar
Such a smart move. It avoids the usual distortion and makes the interaction feel way more premium. 'Vibe-coding' is clearly paying off!
Koushik's avatar
Creative work
Vyudu's avatar
Grow plus zoom out is the unlock most teams miss. Pure scale-up flattens the scene, the zoom-out adds parallax depth that actually rewards continued scrolling. Honestly the small detail that separates a hero from a stage.
Min's avatar
Looks great!
kolawole's avatar
This is amazing 😍 😍 😍 😍 😍 😍
Cipher's avatar
Looks really nice
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