动效与动画

光速飞入 Light Speed In

元素从侧面高速斜飞入位并带轻微倾斜校正,速度感极强

光速飞入

光速飞入(Light Speed In)的配方是横移 + 倾斜(skew)+ 过冲三件套:元素斜着身子从画面外高速冲入,冲过头一点再弹回正位、身子也摆正。skew 是速度感的来源——运动中的物体“拖着残影”的视觉暗示。

什么时候用:营销页标题、消息横幅从侧面弹出、体育/游戏类产品的强调元素。正文内容别用,用户读字时最恨东西横冲直撞。

对 AI 说清楚的三要素:① 起点在画面外(120%);② skewX(-20°) 起步并归零;③ 过冲 10%~15% 后回正,全程 ease-out。

复制即用的提示词片段

标题入场使用光速飞入(Light Speed In):从右侧 translateX(120%)
带 skewX(-20deg) 高速滑入,途中轻微过冲回弹并校正倾斜至 0,
总时长 0.8~0.9s、ease-out。