SuperAPI AI 工具集

fx-sparkle-trail

设计与创作

查看项目

更新于 10-16 01:36

技能介绍

用途:为幻灯片或发布视频中的标题卡、章节分隔页与主视觉时刻提供一条闪光轨迹点缀,属于轻盈、令人愉悦的装饰性动效。不适用于网页正文内容或需要专注阅读的场景;同一画面中不应同时出现多个强烈特效。

使用方式:复制 sparkle-trail.js 与 _util.js 并引入链接;在已定位的容器上添加 data-fx="sparkle-trail",然后调用 HPX'sparkle-trail'。调用时需对 prefers-reduced-motion 进行守卫判断。

无障碍与性能:使用 prefers-reduced-motion 守卫,若用户偏好减少动态则不启动特效。特效基于 Canvas 渲染,并使用独立的合成层。

授权:来自 Open Design 的 html-ppt fx 资源包,采用 Apache-2.0 许可。其它平台支持、版本要求与兼容性细节暂未提供。