Entrance & Exit

Back In (回弹进入)

别称 Back In Up, Back In Down

元素从缩小并偏移的状态开始,滑入后放大到完整尺寸。

首屏主视觉元素和卡片

  • up
  • down
  • left
  • right

查看演示源码

提示词

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。

在[应用位置]添加“回弹进入”(Back In)入场动画,也叫 back in up 或 back in down。
元素以缩小且略微透明的状态从边缘外进入,到达位置后再放大到完整尺寸:一个刻意的两段式动作,而不是快速弹出。
只播放一次;如果用户开启了“减少动态效果”(prefers-reduced-motion),则直接在原位显示,不做动画。

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。