Video Description

Learn how to create dynamic and eye-catching page transition animations in Webflow using only CSS and the View Transitions API. We'll take a look at @view-transition css rule, view-transition-name CSS property, and how to make it all work with the Webflow CMS. I used to reach for complex Javascript libraries like Barba.js and GSAP for this but now we can do it easily with a few lines of CSS. // CLONE IT 👯‍♀️ https://try.webflow.com/cloneable-is-bae?sub1=view-transitions // FREE resources ✂️ Code Snippet Library: https://code-snippets-sign-up.webflow.io/ 🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-told-you-about 🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-learn-webflow 🧱 Build faster with my component library: https://webbae.net/components // Premium content 🤝 Patreon: https://patreon.com/webbae 🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflow-201 // GSAP Discounts 🎢 Get 10% GSAP: WEBBAE10 ♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bundles/creative-coding-club?ref=f5f1d2 // Connect 🙋‍♀️ Join the Discord: https://discord.gg/pwfDptfBZb? 🐥 Follow Me! https://twitter.com/WebIsBae