如何在snap.svg中逐个变换动画？

Question

在此snap.svg动画缩进中，将元素转换为向上，然后向右是否有最佳方式逐个实现两个变换动画？

hand.animate({
  transform: 't0,-80',
  transform: 't40,-80'
}, 400);

DEMO：http://codepen.io/athimannil/pen/epoQmr

Answer 1

对第二个动画使用回调

hand.animate({transform: 't0,-50'}, 800, function () {
    hand.animate({transform: 't50,-50'}, 800)
});

演示：http://jsfiddle.net/v170mgxa/