javascript - 使用 JQuery 依次启动 css

Question

我正在尝试使用 .css 使用 JQuery 启动动画。我想将字母向左，然后向右，然后再向左和向右，同时它会向上移动。

$('.envelope').click(function() {
    $(this).find('.list')
    .animate({top:'0px'},1000);
    $(this).find('.list').delay(100)
    .css({"-ms-transform":"rotate(-6deg)","-webkit-transform":"rotate(-6deg)","transform":"rotate(-6deg)"});
    $(this).find('.list').delay(200)
    .css({"-ms-transform":"rotate(6deg)","-webkit-transform":"rotate(6deg)","transform":"rotate(6deg)"});
    $(this).find('.list').delay(300)
    .css({"-ms-transform":"rotate(-6deg)","-webkit-transform":"rotate(-6deg)","transform":"rotate(-6deg)"});
    $(this).find('.list').delay(400)
    .css({"-ms-transform":"rotate(6deg)","-webkit-transform":"rotate(6deg)","transform":"rotate(6deg)"});
    });

添加链接