javascript - 来回制作动画循环

Question

我想让鱼的尾部“.tail_fin”来回旋转30度

这是 fiddle 链接:http://jsfiddle.net/3XZ59/9/

/* 在循环中来回动画 */

 $('.tail_fin').transition({
      rotate: '+=30deg',
      x: '+=10'
    });

Answer 1

Here is what I came up with :

function flipper(){
    $('.tail_fin').transition({
        rotate: '+=30deg',
    }, function(){
        $('.tail_fin').transition({
            rotate: '-=30deg',
        }, flipper());
    });
}

flipper();

显然，您可以将其弄乱以使其看起来更好。