Glow

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

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

    horizontalAlign="center" backgroundGradientColors="[#571010, #7C2E2E]" paddingTop="0"  backgroundGradientAlphas="[1.0, 1.0]">

   

    <mx:Glow id="glowImage" duration="1000" alphaFrom="1.0" alphaTo="0.3" blurXFrom="0.0" blurXTo="50.0" blurYFrom="0.0" blurYTo="50.0" color="0x22A050"/>

   

    <mx:Glow id="unglowImage" duration="1000" alphaFrom="0.3" alphaTo="1.0" blurXFrom="50.0" blurXTo="0.0" blurYFrom="50.0" blurYTo="0.0" color="0x3380DD"/>

       

    <mx:Panel title="Glow 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 and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect." x="10" y="10"/>

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

    </mx:Panel>

   

</mx:Application>