Sequence

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="top"

    horizontalAlign="center" backgroundGradientColors="[#5C1717, #691515]" paddingTop="0" backgroundGradientAlphas="[1.0, 1.0]">

   

    <mx:Script>

        <![CDATA[

            import mx.effects.easing.*;                  

        ]]>

    </mx:Script>

    <mx:Sequence id="movePauseMove">

        <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>

        <mx:Pause duration="2000"/>

        <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>

    </mx:Sequence>

       

    <mx:Panel title="Sequence Effect" layout="absolute" color="0xffffff" borderAlpha="0.15" width="500"

         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="10">

        

         <mx:Text width="100%" color="0x323232" textAlign="center" paddingBottom="10"

            text="Click the image to start the Sequence effect. The effect pauses for 2 seconds between moves." x="10" y="10"/>

        <mx:Image id="flex" source="@Embed('images/backpack.jpg')" mouseDownEffect="{movePauseMove}" x="180" y="56"/>

    </mx:Panel>

   

</mx:Application>