私は現在、自分の Web ページの非常に基本的なアニメーションに取り組んでいます。
1 つの要素 ( .item1 ) を下からコンテナーに移動したいと思います。
この移動が完了したら、左から2 番目のアイテム ( .item2 ) をコンテナーの中央に移動したいと思います。
やがて、これらの div ブロックは画像に置き換えられます。
デモ: http://jsfiddle.net/9rE6Z/3/e mbedded/result/
これを行うための最良のアプローチは何ですか?jQuery を使用することは可能ですか、それとも HTML5 Canvas を検討する必要がありますか?
私は両方の分野に非常に慣れていないので、これに関するいくつかの指針を本当に感謝しています:-)
どうもありがとう:-D
私のHTML:
<div style="width:100%;background:white">
<div style="height:450px;width:980px;margin:0 auto;background:white;border:1px solid #000">
</div>
</div>
<div class="item1" style="position:absolute;top:450px;left:50%;width:100px;height:100px;background:black"></div><!-- ease this up from bottom -->
<div class="item2" style="position:absolute;top:0;left:0;width:100px;height:100px;background:blue"></div><!-- ease this in from left -->