Javascript 使用JQuery按顺序启动css

我正在尝试使用.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)"});
    });

---

您应该使用jQuery.queue进行此操作

如果你需要的话，我可以给你举个例子。下面是一篇很好的评论：

---

这个例子就是做一些与你试图完成的事情非常相似的事情。如果你不能让它工作，请告诉我。我可以给你举一个简单的例子。

jQuery transit插件正是为此而设计的！它与jQuery动画API兼容，但使用CSS转换

---

午餐时间已经到了吗？为什么不使用css3动画？我不清楚是什么问题。哪种行为不适合您？因为Internet Explorer 9和早期版本不支持@keyframe规则或动画属性。为什么字母不向左、向右、向左和向右转动，但它只是向右转动？