参考:
- View Transitions API & meta frameworks: a practical guide - Bejamas
- View Transitions Staggering – Frontend Masters Boost
View Transitions API
是一个允许你在 DOM 变化的两种状态之间添加动画转换的 API,这些更改的方位可以小到像 DOM 添加新元素,也可以大到从一个页面导航到另外一个页面。
该 API 在Chrome 111及以上版本可用,可以通过渐进增强的方式使用该 API,而不用担心在低版本浏览器上的兼容性
要想使用View Transitions API 首先需要确保 Chrome版本在 111及以上,并启用了 View Transitions Flag。
Chrome 打开 chrome://flags/ 搜索 view transitions
: