Add transitions between pages in Webflow with just ~20 lines. If you’re not familiar with the Vie...Add transitions between pages in Webflow with just ~20 lines. If you’re not familiar with the Vie...
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
Alex's avatar
Alex Guerero logo
Alex Guerrero
• Oct 30
Add transitions between pages in Webflow with just ~20 lines.
If you’re not familiar with the View Transitions API yet, I recommend taking a look. Think of Figma’s Smart Animate applied to your website’s navigation. It performs a transition between an element on the initial page and its counterpart on the destination page, automatically animating their styles. It also works when you click on the back and forward buttons, as shown in the video.
If you’re interested and not sure where to start, Web Bae has this easy-to-follow video explaining how to use them.
webCSS
Post image
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