这里说的运动是指缓冲运动,缓冲运动会使物体逐渐‘着陆',而不是‘硬着陆',到达目标位置的过程中速度越来越慢,看起来很舒服。
缓冲的特点:
- 速度随着距离的缩短而降低
- 速度 = (目标值 - 当前值) / 缩放系数;
- 速度一定要是整数
比如,一个div从最左边运动到left等于400的位置停下,可以如下实现:
<Meta charset="utf-8">
运动框架(一)
这里说的运动是指缓冲运动,缓冲运动会使物体逐渐‘着陆',而不是‘硬着陆',到达目标位置的过程中速度越来越慢,看起来很舒服。
缓冲的特点:
比如,一个div从最左边运动到left等于400的位置停下,可以如下实现: