用途:为幻灯片或发布视频提供磁场视觉背景,磁力线绕磁极弯曲,营造催眠式氛围。来自 Open Design 的 html-ppt fx 特效包(Apache-2.0),属于 motion-anything 项目,遵循 MOTION-SPEC.md。
主要能力:基于 Canvas 渲染,使用独立合成层,适合标题卡、章节分隔或主视觉时刻。
使用方式:复制 magnetic-field.js 与 _util.js 并链接;在已定位的容器上添加 data-fx="magnetic-field",然后调用 HPX'magnetic-field',并需对 prefers-reduced-motion 做保护判断。
适用场景:幻灯片、发布视频中的标题卡、章节分隔、主视觉时刻。
限制:不适用于网页正文内容或需要专注阅读的场景;同一时间不要使用超过一个醒目特效。需以 prefers-reduced-motion 做保护(满足时不要启动)。其余收费、价格、平台等信息暂未提供。