动效与动画

缩放进入 Zoom In

元素从小尺寸放大到原尺寸入场,模拟镜头推近

缩放进入

缩放进入(Zoom In)是模拟镜头推近的入场:元素从 30% 大小胀到 100%,同时淡入。它是“强调主体”的镜头语言——图片查看器打开、视频全屏、卡片选中放大的底层动作都是 Zoom In。

什么时候用:图片/头像加载完成、灯箱(lightbox)打开、地图定位聚焦。注意别和“悬停放大”混为一谈:一个是入场动画,一个是状态过渡。

对 AI 说清楚的三要素:① 起点 scale(0.3 左右,从 0 开始会有弹射感);② 同步淡入(纯缩放会闪);③ ease-out 收尾 + 0.5s 左右。

复制即用的提示词片段

图片加载完成后缩放进入(Zoom In):opacity 0→1 同时 scale 0.3→1,
时长 0.4~0.6s、ease-out,像镜头推近的聚焦感;退场反向 Zoom Out。