串行效果 并行效果 合成效果

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               applicationComplete="effect.play();">
  <fx:Declarations>
    <s:Sequence id="effect" target="{boxes}" repeatCount="5">
      <s:Parallel>
        <s:Fade alphaFrom="{boxes.alpha}" alphaTo="1" />
        <s:Scale scaleXTo="1" scaleXFrom="{boxes.scaleX}"
                 scaleYTo="1" scaleYFrom="{boxes.scaleY}"/>
      </s:Parallel>
      <s:Pause duration="2000" />
      <s:Parallel>
        <s:Fade alphaFrom="1" alphaTo="0" />
        <s:Scale scaleXTo=".5" scaleXFrom="1"
                 scaleYTo=".5" scaleYFrom="1"/>
      </s:Parallel>
    </s:Sequence>
  </fx:Declarations>
 
  <s:Group id="boxes" alpha=".2" x="20" y="20" scaleX=".5" scaleY=".5">
    <s:Rect width="200" height="200">
      <s:fill>
        <s:SolidColor color="black" />
      </s:fill>
    </s:Rect>
  </s:Group>
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">
  <fx:Declarations>
    <s:Parallel id="effect" target="{box}">
      <s:Fade alphaFrom="{box.alpha}" alphaTo="1" />
      <s:Scale scaleXTo="1" scaleXFrom="{box.scaleX}"
               scaleYTo="1" scaleYFrom="{box.scaleY}"/>
    </s:Parallel>
  </fx:Declarations>
 
  <s:Group id="box" alpha=".2" x="20" y="20" scaleX=".5" scaleY=".5"
           rollOverEffect="{effect}">
    <s:Rect width="200" height="200">
      <s:fill>
        <s:SolidColor color="black" />
      </s:fill>
    </s:Rect>
  </s:Group>
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               applicationComplete="effect.play();">
  <fx:Declarations>
    <s:Sequence id="effect" target="{boxes}" repeatCount="5">
      <s:Parallel>
        <s:Fade alphaFrom="{boxes.alpha}" alphaTo="1" />
        <s:Scale scaleXTo="1" scaleXFrom="{boxes.scaleX}"
                 scaleYTo="1" scaleYFrom="{boxes.scaleY}"/>
      </s:Parallel>
      <s:Parallel>
        <s:Fade alphaFrom="1" alphaTo="0" />
        <s:Scale scaleXTo=".5" scaleXFrom="1"
                 scaleYTo=".5" scaleYFrom="1"/>
      </s:Parallel>
    </s:Sequence>
  </fx:Declarations>
 
  <s:Group id="boxes" alpha=".2" x="20" y="20" scaleX=".5" scaleY=".5">
    <s:Rect width="200" height="200">
      <s:fill>
        <s:SolidColor color="black" />
      </s:fill>
    </s:Rect>
  </s:Group>
</s:Application>