动画速度作为线性函数[重复]答案

【问题标题】：Animation speed as linear function [duplicate]动画速度作为线性函数[重复]
【发布时间】：2017-07-02 03:00:17
【问题描述】：

如何让 jquery 中的动画快秒级？就像重力一样，我希望动画随时间加速（作为线性函数）

【问题讨论】：

【解决方案1】：

jQuery UI 提供了一些“加速”选项。其中之一是easeInQuart。

$(function() {
    $('#a').animate({left: '500px'}, 1000, 'easeInQuart');
    $('#b').animate({left: '500px'}, 1000, 'linear');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<div id="a" style="background-color: red; position: relative; width: 50px; height: 50px;"></div>
<br/><br/>
<div id="b" style="background-color: red; position: relative;width: 50px; height: 50px;"></div>

【讨论】：

@user7548524 点赞并标记问题？