title: How do I chain a sequence of animations of the same property on three different objects?
body: <p>I have been trying to create a sequence of animations that deal three cards from a poker deck sequentially. I just want to animate the position of the three cards -- say the first animation begins immediately on the first card's position and goes for 0.4 seconds, the second begins after 0.4 seconds with the same duration, and the last begins after 0.8 seconds. I can't figure out how to do this! The code below doesn't work. Perhaps I need to use a <code>CAGroupAnimation</code>, but I don't know how to make a group of sequential
  animations on the same property!</p>
  
  <pre><code>        CGFloat beginTime = 0.0;
  
          for (Card *c in cards) {
              CardLayer *cardLayer = [cardToLayerDictionary objectForKey:c];
  
              CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"position"];
              anim.fromValue = [NSValue valueWithCGPoint:stockLayer.position];
              anim.toValue = [NSValue valueWithCGPoint:wasteLayer.position];
              anim.duration = 0.4;
              anim.beginTime = beginTime;
              beginTime += 0.4;
              cardLayer.position = wasteLayer.position;
              [cardLayer addAnimation:anim forKey:@"position"];
  
              …
           }
  </code></pre>