用途:fx-shockwave 提供一个向外扩张的冲击波涟漪效果,作为有冲击力的视觉节拍,适用于幻灯片或发布视频中的标题卡、章节分隔或主打时刻。属于 motion-anything 的一部分,遵循 MOTION-SPEC.md。
限制与克制:不适用于网页正文内容或需要专注阅读的场景;同一时间不应叠加多个醒目效果。需注意 prefers-reduced-motion,在用户偏好减少动态时不应启动。效果基于 canvas,使用独立合成层,性能影响相对可控。
使用方式:复制 shockwave.js 与 _util.js 并链接它们;在已定位的容器上添加 data-fx="shockwave",然后调用 HPX'shockwave'。调用前应检查 prefers-reduced-motion 并跳过启动。
来源:Open Design 的 html-ppt fx 包(Apache-2.0)。官方文本未提供,以上依据现有资料整理。