动效与动画

翻转进入 Flip In

元素像卡片绕纵轴从背面翻到正面,立体转正后入场

翻转进入

**翻转进入(Flip In)**是元素入场时绕水平或垂直轴做 3D 翻转,从“背面”转到“正面”,像翻牌亮相。它和“卡片翻转”的区别:翻转进入是入场动画(出现时翻一下),卡片翻转是交互(点击后翻面)。

什么时候用:翻牌抽奖结果揭晓、会员卡/优惠券亮相、卡牌类产品的高光时刻——需要“揭晓感”的场合。列表里逐条滚动内容别用,连续翻转会晕。

对 AI 说清楚的三要素:① 绕哪个轴(Y 轴翻牌感、X 轴翻页感);② 起始角度 90deg 起步(太小没戏剧性);③ 父容器要有 perspective,否则是“压扁”不是“翻转”。

复制即用的提示词片段

入场动效用翻转进入(Flip In Y):元素绕 Y 轴从 rotateY(90deg)
转到 0,同时透明度 0→1,时长 1s,父容器加 perspective 才有立体感,
缓动用 ease-out 收尾干脆。