Dave Rupert

Getting started with View Transitions on multi-page apps

https://daverupert.com/2023/05/getting-started-view-transitions/

View Transitions for MPAs are a feature that’s high on my CSS wishlist, so I got to it. It took less than an hour to do, requires zero JavaScript, and two lines of CSS.

View Transitions are an awesome addition to the Web platform, I hope they'll soon be available in all browsers!

I would say they are even more useful in MPAs than in SPAs, where such transitions where already possible.

• older link:
  Building a modern design system in layers
• newer link:
  Early Days Examples of View Transitions

---

Related contents with similar topics

1. HTML and CSS based View Transitions are coming

   • Nicolas Hoizey
   • 19 May 2023
   • CSS, View Transitions
   • 50 reactions

   While same-document View Transitions have now been available for a while in Chromium browsers for Single Page Applications (SPA), they were requiring the use of a JavaScript API. Chrome Canary now allows us to develop and test View Transitions with HTML and CSS only, obviously targeting Multiple Pages Applications (aka Web sites 🤷‍♂️).

2. 

   Chris Coyier

   Early Days Examples of View Transitions

   • Nicolas Hoizey
   • 19 May 2023
   • CSS, View Transitions
   • 3 reactions

   All of these are page transitions, like when you leave one page and go to another. As opposed to the document.startViewTransition kind, which are…