“Added support for cross-document view-transitions.” 🤩
Add the following opt-in to your code to get started:
```
@view-transition {
navigation: auto;
}
```
Full docs: https://developer.chrome.com/docs/web-platform/view-transitions/cross-document
https://botsin.space/@intenttoship/113228773516684504
If you’re trying out my https://view-transitions.netlify.app demos, not all of them work in Safari Technology Preview:
1. Most of my demos require the Navigation API to customize the VT based on where you came from. This API is only available behind a flag in STP. The demos now show a warning if support for something (VT Types, Navigation API, etc) is missing.
2. There seems to be a bug causing the page to become unresponsive after using the UA back/forward buttons. A bug was filed: https://bugs.webkit.org/show_bug.cgi?id=280703
If you’re trying out my https://view-transitions.netlify.app demos, not all of them work in Safari Technology Preview:
1. Most of my demos require the Navigation API to customize the VT based on where you came from. This API is only available behind a flag in STP. The demos now show a warning if support for something (VT Types, Navigation API, etc) is missing.