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! 🤟
Смотрите видео Native cross-page transitions, a look into the future! онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Finsweet 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,096 раз и оно понравилось 88 людям.