easings缓动效果(CSS、canvas 实现动画)

说明

使用 CSS、canvas 实现动画时,为了让物体运动更加真实,需要使用缓动效果

现实生活中,物体并 不是突然启动或者停止, 当然也 不可能一直保持匀速移动。就像我们 打开抽屉的过程那样,刚开始拉的那一下动作很快, 但是当抽屉被拉出来之后我们会不自觉的放慢动作。 或是掉落在地板上的物体,一开始下降的速度很快, 接着就会在地板上来回反弹直到停止。

详细见:
https://easings.net/zh-cn


原文出处:/show_1IX8VMVXxuH9.html