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
Back to feedPost
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
Very well structured UI 💯
Awesome hero
That zoom-out transition is the key—most scroll animations scale pixels, not perspective.
nice work
looking great! Going to give it a try.
Whoa, this one is so good!
thanks man!
That looks amazing!
Such a smart move. It avoids the usual distortion and makes the interaction feel way more premium. 'Vibe-coding' is clearly paying off!
Creative work
This is amazing 😍 😍 😍 😍 😍 😍
Awesome work!
hey, ig the better way to do this using clip-paths instead of growing the box directly !
btw! effect looks amazing 😍
Nice work.
amazing design
Done with Ai ?
nice!
wow, great
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
Related posts
How to make a light beam effect in Framer ⚡️
1. Go to @framer
2. Prepare your web section layout
3. Go to Framer University
4. And find this component
5. Just hit copy and paste to your Framer canvas
6. Here you can easily style to fit your web styleAnd even adjust the beam properties
👉 Use code JAN to get free month of Framer Pro!
Thanks 😊
Which Hero section is better Full width or Split?
2 voted
33%
4 voted
67%
6 votes
Closed
Definitely full width
First sale on Glyph Co. and it wasn't just the template. It was the full Template + Expert Setup.
Built something real. Someone paid for it.
That's the validation 🖤
Let’s goo win is win
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?