首页 / 设计工具 / 在线

CSS视图过渡生成器

View Transitions页面切换过渡代码生成

设计工具 · 1 次 · 2026-10-04 · 分享 · 全屏

跨页面视图过渡需 Chrome/Edge 111+,且两个页面同源;两个页面都要包含 @view-transition 声明。

📖 使用说明

生成跨页面 View Transitions 过渡代码。

操作步骤:

  1. 设置过渡时长与动画风格;
  2. 复制代码到两个同源页面;
  3. Chrome/Edge 111+ 中点击链接体验。

💬 用户评论 (0)

还没有评论,快来抢沙发!

请添加微信联系我