javascript - 你怎样才能让动画越来越快？

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 animate 函数，您可以将上面的任何效果与 jquery animate 函数结合起来，如下所示$('.menu').animate({left : '0px'}, 500,"easein"); ，对语法进行了调整。

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