SuperAPI AI 工具集

hyperframes-fx-transitions-grid

通用与其它

查看项目

更新于 10-15 20:10

技能介绍

用途:提供 Grid·Tile 瓦片式转场展示,画面被拆分为瓦片后完成切换,适合科技、数据、编辑类内容的结构化转场,营造马赛克或像素拼贴的视觉感。

主要能力:以网格瓦片分割实现转场;风格基调为 tech、minimalist、editorial;推荐时长为 0.5–0.8 秒;网格尺寸与错落(stagger)方向在展示内提供多种变体。

使用方式:安装命令为 npx hyperframes add transitions-grid,生成文件位于 compositions/transitions-grid.html。通过 HTML 属性接入,例如:<div data-composition-src="compositions/transitions-grid.html" data-start="4.5" data-duration="0.7" data-track-index="1" data-width="1080" data-height="1350"></div>。

搭配建议:与 grid-pixelate-wipe(同一美学)、sdf-iris 搭配良好;应避免与 transitions-blur 同用,因结构化与有机化风格冲突。

限制:资料未提供更详细的参数取值、兼容平台、收费与授权信息。