如何使用jquery輕微滯後地移動div

Question

我正在製作一個Jquery動畫，我想在該動畫中將氣球動畫移出屏幕。我已經想出了運動的一部分。但是，我不能完全弄清楚如何使它像一個真正的氣球一樣輕微滯後地逼真地移動。

.animate()函數使元素以直線運動。

$(document).ready(function() { 
    $("#section").click(function() { 
    $('.parachute').animate({bottom: "1500px"}, 5000); 
    }); 
}); 

我應該怎麼做。請在下面的鏈接中找到動畫。

http://codepen.io/anon/pen/vyBvLJ

Answer 1

，而不是試圖動畫動畫的路徑，使用一個在線工具或Photoshop創建動畫氣球像。

這一個看起來不錯，你fiddle :)

$('.parachute').animate({bottom: "1500px"}, 5000);