AI 摘要：文章介绍了如何在 Chrome 126 中，无需JavaScript，仅通过 CSS @view-transition 在 Astro 框架的多页面应用(MPA)中启用类似原生的页面切换动画。具体步骤包括初始化 Astro 项目，在 BaseHead.astro 中添加 @view-transition at-rule，并在文章列表页和详情页中为图片元素设置相同的 view-transition-name ，从而在页面切换时实现动画效果。最终实现了一个丝滑的动画体验。

Liruifengv

零 js 开启 View Transitions 动画 | liruifengv

Chrome 126 支持了在 MPA 多页面中启用 View Transitions，零 JS，为你的网站开启类似 native 的动画效果。