page-transition · 过场三档

同一件事的三档做法:① 原生 View Transitions API(零 JS,跨文档翻页 + 页内进出场)、 ② 主包体过场(DOM 整块上推/散射,不依赖浏览器支持)、③ 文字粒子(Three 粒子字,最重但最像「星池」)。

预览必须经 http 服务打开(ES module 与跨文档视图过渡都不在直接双击打开的页面上生效)。

档	实现	参数	代价
vt-layer	`src/vt-layer.css` + `src/bg-boot.js` + `src/starfield-bg.js`	淡出/淡入时长、上浮距离	0 KB JS(背景层另算)
section-travel	`src/section-travel.js` + `src/section-travel.css`	时长、位移、变体	1 份 CSS + 1 份 JS
text-three	`src/text-three.js` + `upstream/three.module.js`	粒子密度、辉光	three 运行时的体积与首帧成本

选型与接线见 docs/usage.md。