cafu.uk

View Transitions 用了一个月的感受

2026-10-28 · CSS

跨文档的 View Transitions 现在已经可以在主流浏览器里放心用了。给一个静态站加上页面切换动画，只需要一行：

@view-transition { navigation: auto; }

再给标题加个 view-transition-name，列表页和详情页之间就能平滑过渡。几点体会：

• 动画时长别超过 250ms，否则会觉得“慢”。
• 记得尊重 prefers-reduced-motion。
• 名字要唯一，不然整个过渡会被跳过，而且控制台只给一个警告。

总体来说，这是近几年最“白捡”的体验提升之一。