SuperAPI AI 工具集

hyperframes-fx-transitions-radial

设计与创作

查看项目

更新于 10-16 08:34

技能介绍

用途:Hyperframes 的径向转场(Radial Transitions)展示件,用于从中心点向四周放射状地擦除或揭示画面,营造科技与品牌感的视觉切换。

适用场景:需要中心点放射揭示效果时使用;适合科技类“发现”氛围、品牌 Logo 揭示。风格定位为 tech、brand,建议时长为 0.5–0.8 秒。

安装:执行 npx hyperframes add transitions-radial,生成 compositions/transitions-radial.html。

接入方式:在页面中用 div 引用该合成文件,设置 data-composition-src="compositions/transitions-radial.html",并配置 data-start、data-duration、data-track-index、data-width、data-height 等属性。

参数:中心点与放射方向(inside-out / outside-in)由展示件中的变体提供。

搭配建议:适合与 sdf-iris(虹膜效果结合)、transitions-scale 搭配;应避免与 swirl-vortex 同时使用,因同为圆形感知,效果重复。

限制:资料未提供授权、兼容环境与更多参数细节,暂未提供。