用途: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 同时使用,因同为圆形感知,效果重复。
限制:资料未提供授权、兼容环境与更多参数细节,暂未提供。