Как перемещать div с небольшим запаздыванием с помощью jquery

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);