如何使用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);