View Transitions: Fact vs. Fiction
summary
View Transitions are a browser API that turns server‑rendered HTML navigations into animated, morphing transitions with minimal code: Astro 3.0 adds two lines of code (import plus component) and a polyfill to get a snappier default fade, built‑in slide presets, ID‑based morphing, and persistent UI so an audio player or cart keeps state across navigations. Chrome and Edge support the JS API today, Safari and Firefox have signaled intent, prefers‑reduced‑motion is respected by Astro, and the demos run without a SPA rewrite.
AI-written summary · about
chapters (7)
- 0:00Introduction to tech
- 2:29Astro framework support
- 4:46How the API works
- 7:19Browser and framework state
- 9:59Implementing in Astro
- 14:24Advanced features
- 18:03Conclusion
related talks
41mView Transitions: Fact vs. Fiction
10mView Transitions: The brand-new browser API that will blow your mind
32mSupercharge Web UX with View Transitions!
33mMaking A Splash With View Transitions
22mFLIP no more; Viva View Transitions
46mThe viewTransition API: A Revolution for the Web?
04mIntuitive Web Experiences with the View Transitions API
49mSupercharge Web UX with View Transitions