2016-11-03 12 views
2

私はJaveryアニメーションで、バルーンをアニメーション化して画面外に移動したいと考えています。私は動きの部分を考え出しました。しかし、私は実際の風船のようにわずかな遅れで現実的に動かす方法を考え出すことはできませんでした。jqueryを使用して少し遅れてdivを移動する方法

.animate()関数は、要素を直線移動させます。

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

どうすればよいですか。下のリンクで動画を見つけてください。

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

+3

それは、ブラウザでアニメーションをプログラムしようとするよりも、アニメーションバルーンを作成するためにはるかに容易になるだろう。これはあなたですオリジナルのフィドルとは違ったイメージで非常にリアルに見えます:http://codepen.io/anon/pen/oYvOpe –

+0

@Pamblam Looks very Good!あなたが答えでそれを精緻化することができれば。私はこれを受け入れたものとしてマークすることができます。 –

答えて

2

代わりのアニメーション吹き出し画像を作成するオンラインツールまたはPhotoshopを使用して、アニメーションのパスをアニメーション化しようとしています。

この1つはあなたのfiddleで素敵に見える:)

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

enter image description here

関連する問題