View Transitions 使用新平台 API 解锁 Astro 3.0 页面之间的本机浏览器过渡效果。好的部分？Astro 是第一个主流视图转换的主要 Web 框架，本文将帮助您开始使用新的 API。 跳跃前进： Astro 视图转换入门 自动包含视图转换的两种方法 选项 1：单页面视图转换 选项 2：全站点视图转换 自定义 Astro 视图转换 transition:name transition:animate 自定义动画 transition:persist 处理不支持的浏览器的回退 Astro 视图转换入门 让我们通过一个入门项目来探索 Astro 视图转换。运行以下命令： git克隆 github 。
Astro 视图转换入门
view transitions – starter 。 -视图-转换-启动器 阿尔及利亚 WhatsApp 数据 这会： 克隆起始 Astro 项目 安装所有相关依赖项 启动应用程序 打开本地端口 ( ) 并查看启动应用程序。确保在主页（带有卡片列表）和主文章页面之间进行转换，如下所示：localhost:4321 我们这里拥有的是 Astro 页面之间的标准导航。现在让我们添加一些视图转换。
Astro 视图转换入门
自动包含视图转换的两种方法 从一个页面导 加纳 电话号码 数据库 航到另一页面时，Astro 视图转换就会启动。当您点击源页面上的链接时，Astro 会拦截该点击，阻止默认路由行为，并提供从源页面到目标页面的过渡效果。 ViewTransitions为了在 Astro 中启用视图转换，我们在headAstro 页面中导入并渲染该组件。 ViewTransitions负责将客户端脚本添加到您的原始页面，以拦截对其他页面的点击，并且有两种方法可以利用ViewTransitions.