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
spent way too long wondering why 'overflow:hidden' wasn't clipping my button text.
turns out motion's popLayout makes the exiting element 'position:absolute', and 'overflow:hidden' won't clip an absolute child
'position:relative' on the parent. that's it.
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Great motion design isn't just about beautiful animation - it's about making complex ideas feel effortless to understand.
That's the challenge I enjoy solving every day✨
I had this idea stuck in my head for a while...
What if scrolling through a website felt more like controlling the camera in a cinematic Ferrari commercial?
So I decided to build it.
The hero section starts inside the cockpit. As you scroll, the camera moves through the windshield, circles around the Ferrari, and finishes behind the car all controlled by your scroll.
Getting it to feel smooth was the biggest challenge. Scrubbing a video directly didn't deliver the experience I wanted, so I switched to a frame by frame approach instead. It took a bit more work, but the result feels much more natural and responsive.
This is the kind of experience I love building where motion isn't just there to look cool, it becomes part of the storytelling.
You can try the live demo here:
https://pure-velocity-sculpt.base44.app
I'd genuinely love to hear your thoughts. 👇
#WebDesign #LandingPage #UIDesign #UXDesign #MotionDesign #CreativeCoding #ScrollAnimation #AI #WebDevelopment #Awwwards
Good Job 👍. Having a whole website driven by motion is always fantastic, but the perennial challenge with that approach is balancing it with SEO and performance speed. If not well optimized, it will never rank.
Here's a Coffee Shop Landing Page I designed in Figma to explore how dynamic motion can transform a simple layout into a memorable user experience.
🎯 Design Focus:
• Smooth parallax scrolling effect
• High-contrast split-screen hero layout
• Structured, clean product grid hierarchy
• Immersive, premium visual storytelling
The goal was simple: Make a standard coffee shop website feel highly engaging without distracting from the content. Great animations don't compete for attention—they enhance it.
Coffee Shop Design, Parallax Scroll Animation, Web Design, UI Animation, Motion Design, Landing Page Design, Interactive UI, Micro-Interactions, Animation Design, User Interface Animation, Creative Motion, UI Design, UX Design, Product Design, Interaction Design, Visual Hierarchy, User Experience, Digital Product Design, Web Animation, Frontend Animation, Cafe Website Design
hashtag#UIUXDesigner hashtag#UIDesign hashtag#UXDesign hashtag#ProductDesign hashtag#InteractionDesign hashtag#UIAnimation hashtag#CreativeDevelopment hashtag#WebDesign hashtag#DesignCommunity hashtag#PortfolioProject hashtag#ProductDesign hashtag#UIDesign hashtag#UXDesign hashtag#MotionDesign hashtag#InteractionDesign hashtag#DesignCommunity
