ViboDesign
调感觉

弹簧动画

Spring Animation

如果你管它叫……
弹一下的动画回弹效果像果冻一样的过渡冲过头再回来物理感动效
LIVE DEMO真实可交互,动手试试
英文名
Spring Animation
别名 · 俗称
回弹动画物理动效弹一下再停Spring
Web 叫法
Spring Animation
大白话定义
像被弹簧拉着一样,先冲一下、轻微回弹,再稳稳停住的动效。
部位拆解
  • 刚度 Stiffness越大越利落,弹得越快
  • 阻尼 Damping越大越稳,不容易弹来弹去
  • 位移 Displacement元素从哪里动到哪里
提示词
Web

给分段控件选中块加 Spring 动画:切换时有轻微超冲和回弹,但 300ms 内稳定停下

调试 Prompt

调试我的弹簧动画(Spring Animation)。逐一排除:刚度和阻尼没配平,导致一直抖;位移太短却用了大回弹,显得夸张;多个元素同时 spring,节奏互相打架;在低性能设备上掉帧明显。症状是:

弹簧动画 Spring Animation 是什么?UI 视觉词典 · ViboDesign