用途:fx-letter-explode 是一个字母飞入并落位成词的动效,来自 Open Design 的 html-ppt fx 包(Apache-2.0),属于 motion-anything 项目,遵循 MOTION-SPEC.md。适合幻灯片或发布视频中的标题卡、章节分隔和主视觉时刻。
主要能力:字母从各处飞入,最终聚合成目标单词;基于 Canvas 实现,使用独立合成层。
使用方式:复制 letter-explode.js 与 _util.js 并引入;给已定位的容器添加 data-fx="letter-explode",然后调用 HPX'letter-explode'。需对 prefers-reduced-motion 做保护判断,若用户偏好减少动效则不要启动。
适用场景:标题卡、章节分隔、发布视频的主视觉时刻。
限制:不适用于网页正文或需要专注阅读的内容;同一时间不要使用超过一个强动效。其余细节暂未提供。