Native cross-page transitions, a look into the future!
In this livestream we’ll explore the upcoming “Cross-document view transitions for multi-page applications” feature, which is already available in Chrome v126 and enables creating app-like transitions between pages without using any JavaScript!
-----------------------------------------------
// TIMESTAMPS
00:00 Countdown + pre-show chatter
04:00 Cross-document view transitions overview
08:26 View transition example
9:24 It's experimental
10:04 How it works
20:07 What's really happening
21:49 Creating a left-to-right animation
33:13 How AstroJS made the example website
34:57 Applying view transitions to CMS elements
36:48 Using a Custom Element to add a style attribute
45:03 Customizing the type
49:50 Customizing view transitions with JavaScript
56:45 Other browser availability
01:00:54 Outro
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Alex looked at view transitions in the "Going in-depth: Create pure CSS animations for Webflow | Part 2" video exclusive for F+: https://finsweet.com/plus/content
Astro JS Spotify clone: https://astro-zerojs-transitions.verc...
Docs: https://developer.chrome.com/docs/web...
Chrome v126 - https://developer.chrome.com/blog/chr...
Finsweet.com - https://www.finsweet.com/
Finsweet merch store - https://finsweet.com/merch
Signup to Finsweet+ - https://finsweet.com/plus
Subscribe to Finsweet YouTube - https://www.youtube.com/c/Finsweet?su...
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community - https://finsweet.com/plus
🔥 Add superpowers to your Webflow website - https://finsweet.com/attributes
🧰 Extend your Webflow workflow - https://finsweet.com/extension
🚀 Build clear, scalable & organized Webflow websites - https://www.finsweet.com/client-first
👀 Check out products used at Finsweet - https://www.finsweet.com/recommended
🛍️ Buy Finsweet merch - https://finsweet.com/merch
-----------------------------------------------
// SOCIAL
Podcast: https://anchor.fm/finsweet
Twitter: / finsweet
Instagram: / finsweet
Facebook: / thatsfinsweet
Dribbble: https://dribbble.com/thatsfinsweet
Behance: https://www.behance.net/thatsfinsweet/
Webflow: https://webflow.com/team/Finsweet/
-----------------------------------------------
// TAGS
#crosspage #transition #nocode
-----------------------------------------------
Thanks for your support! 🤟
Watch video Native cross-page transitions, a look into the future! online without registration, duration hours minute second in high quality. This video was added by user Finsweet 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,096 once and liked it 88 people.