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
kolawole's avatar
This is amazing 😍 😍 😍 😍 😍 😍
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.
Daniel G's avatar
BrightStudios® logo
Whoa, this one is so good!
Alex's avatar
Apollo Studio logo
thanks man!
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!
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