如何使动画变得越来越快？

Question

如何使动画变得越来越快？

通过查看代码可以看到。我总是以相同的速度获得动画效果。但是我想让动画效果起初很慢，然后又快。你该怎么做？我还想知道一开始如何变慢，然后在中间变快，然后再变慢。

$('.menu').animate({left : '0px'}, 500);

Answer 1

我认为您提到的那些动画效果如下，您可以交叉检查这些效果是否为预期效果。

ease-in：开始时缓慢，结束时快速/突然；

ease-out：开始时快/突然，结束时慢；

ease-in-out：更改在开始和结束时均缓慢发生，并且仅在中间的某个地方加速。

更多指 https://www.w3schools.com/cssref/css3_pr_animation-timing-function.asp或 https://css-tricks.com/ease-out-in-ease-in-out/

但是，要使用JQuery动画功能，您可以将上述任何效果与jquery动画功能结合使用，如下所示 $('.menu').animate({left : '0px'}, 500,"easein");，对语法进行了调整。

这仅在您提供提供缓动功能的插件时有效。有关http://api.jquery.com/animate/的更多信息。