title: Chaining seperate animations that work on the same properties
body: <p>I have looked at <a href="https://flutter.dev/docs/development/ui/animations/staggered-animations" rel="noreferrer">Staggered animations</a> for chaining animations but there they use one animation for one widget's properties, e.g. a opacity animation is controlling the fade in, but what if I want to first fade in and then later fade out that same widget? I mean I already have created the fade in animation and that is used for the widget opacity value like this:</p>
  
  <pre><code>_opacityDontWorry = Tween(
    begin: 0.0,
    end: 1.0,
  ).animate(
    CurvedAnimation(parent: _animationController, curve: Interval(0.0, 0.75, curve: Curves.easeIn)),
  );</code></pre>
  
  <p>so those two are now bound together like this:</p>
  
  <pre><code>Opacity(
    opacity: _opacityDontWorry.value,
    child: Text("Don't worry"),
  )</code></pre>
  
  <p>This work just fine and my Opacity get faded in, but after it is faded in I would like it to fade out after a short pause, but how can I do this? Do I create a new Tween and overwrite the _opacityDontWorry with that, or? Am I even on the right path here, how do I chain multiple animations that alter the same properties on a widget?</p>
  
  <p>Thank you<br>
  Søren </p>