SuperAPI AI 工具集

hyperframes-fx-transitions-3d

设计与创作

查看项目

更新于 10-15 20:10

技能介绍

用途:这是一个 3D 透视翻转·旋转转场展示块,用于让卡片像立方体一样翻转,或在 3D 空间中旋转切换,营造立体转场效果。适合科技产品展示、品牌画廊型轮播,整体调性为 tech、brand。推荐时长 0.6–0.9 秒。

安装:npx hyperframes add transitions-3d 安装后生成 compositions/transitions-3d.html,为包含多种 3D 变体的展示块。

接入方式:通过 div 引用该 composition,并设置起始时间、时长、轨道索引与画布尺寸,例如 data-composition-src="compositions/transitions-3d.html"、data-start="4.5"、data-duration="0.8"、data-track-index="1"、data-width="1080"、data-height="1350"。

参数:旋转轴、透视距离与速度通过展示块内的变体选择来调整。

搭配建议:适合与 cinematic-zoom、ui-3d-reveal 配合使用;应避免与其他旋转型转场(如 swirl-vortex)重复叠加。

限制:资料未提供更多关于兼容环境、性能开销或具体变体清单的说明。