用途:这是一个转场展示组件,用于在幻灯片或场景之间实现推入式(push/slide)切换效果,即新场景把上一个场景沿方向推出去。触发词包括 push、slide、밀어내기、슬라이드、方向转换、carousel slide。
适用场景:适合营造类似轮播滑动的自然方向性切换;也适合信息逐步罗列(step-by-step)的流程。风格基调为 tech、brand、minimalist。推荐时长为 0.4–0.6 秒。
安装:执行 npx hyperframes add transitions-push,生成 compositions/transitions-push.html。
接入方式:在页面中以 data-composition-src 指向该 HTML 文件,并设置 data-start、data-duration、data-track-index、data-width、data-height 等属性即可嵌入使用(具体代码内容以原始资料为准,不在此改写)。
参数:方向(左/右/上/下)与缓动效果为展示组件内的变体。
搭配建议:与 transitions-cover、transitions-scale 搭配较好;应避免与 swirl-vortex 同用,因方向感容易混淆。
限制:资料未提供具体收费、价格、平台支持范围或更多使用步骤,暂未提供。