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
Alex's avatar
Apollo Studio logo
max
โ€ข 2d
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
Cipher's avatar
โ€ข 10h
Looks really nice
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
โ€ข 1d
Super cool
Eman's avatar
โ€ข 1d
looking great! Going to give it a try.
Daniel G's avatar
BrightStudiosยฎ logo
max
โ€ข 1d
Whoa, this one is so good!
Alex's avatar
Apollo Studio logo
max
โ€ข 1d
thanks man!
Mohd's avatar
That looks amazing!
Sahil's avatar
pro
โ€ข 20h
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
pro
โ€ข 18h
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
โ€ข 17h
Looks great!
kolawole's avatar
This is amazing ๐Ÿ˜ ๐Ÿ˜ ๐Ÿ˜ ๐Ÿ˜ ๐Ÿ˜ ๐Ÿ˜
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