jquery - jqueryを使ったアニメーション、動くletler

Question

クリックすると上に移動して同時に揺れる文字のアニメーションを作成しようとしています。最後は消えて、ページの 80% を占める画面の中央に表示されます。なんとか上に動かせましたが、揺れて消えてまた現れるようにはできません。

I want it to:
1.moving up ,
2.turn left 10 degree ,
3.turn right 10 degree ,
4.turn left 10 degree ,
5.turn right 10 degree ,
6.fade ,
7.cover in shadow whole page ,
8.show letter in the middle of the page

これまでのコード:

$(document).ready(function() {

    $('.envelope').mouseover(function() {
        $(this).find('.list').addClass('listani');
    });

    $(".envelope").mouseout(function() {
        $(this).find('.list').removeClass('listani');
    });

    $('.envelope').click(function() {
        $(this).find('.list')
          .toggleClass("listmove");
    });

});

リンク

Answer 1

これをチェックしてください: animate()、これを使用して必要なすべての効果を実行できます。例えば$('.element').animate({left: '+=10'}, 300);