View transitions
Press the button and the marketing page becomes the app: the headline, the button and three numbers travel to their new places. Press again to go back.
View Transitions API with a linear() spring
- Shared elementsFive elements have the same view transition name in both states, and the browser moves them.
- FallbackWithout the API the state changes at once.
- Shelf
- Heroes and sections
- Group
- Heroes 11 of 12
- Theme
- Light and dark
- Live pointer
- 7 steps, until you take over