按下与松开,各自回应一次

按钮按压反馈告诉用户输入已经被接收。示例在按住时缩小并向下移动,松开后恢复原位;它演示的是交互状态,没有提交表单或发送请求。

短促操作通常需要克制的位移和缩放。先确认按压状态清楚可辨,再决定是否增加回弹,避免按钮在连续操作时显得拖沓。

怎样调节 Spring 弹簧

进入编辑器后,可以调节按压缩放、纵向位移、时长和回弹。简单模式中的弹簧时长用于控制视觉节奏,不代表动画精确落稳所需的时间。

需要更细的控制时,再切换到物理参数:stiffness 表示刚度,damping 表示阻尼,mass 表示质量。一次只改一个参数,观察按住、松开和再次按下的区别。

连续输入与减少动态效果

动画还没结束时再次按下,示例会从当前值转向新的目标,避免突然跳回起点。鼠标离开、窗口失去焦点或按压被取消时,也需要正确结束按住状态。

系统启用“减少动态效果”后,示例直接到达对应状态。可辨认的按压反馈和键盘操作仍然保留。