View Transitions API MPA 跨文档共享元素过渡实践

概述MPA 下的视图过渡通过链接标记与服务器配合，实现跨文档共享元素动画；在回退（BFCache）场景保持一致。实践示例<a href="/detail" view-transition-name="card-42"> <img src="/thumb.jpg" /> </a> ::view-transition-group(card-42) { animation-duration: 300ms } 验证方法观察导航时共享元素是否平滑过渡；在 BFCache 恢复下验证状态一致。注意事项需保证源/目标页的 `view-transition-name` 对应；旧浏览器降级为无动画导航。