title: Flex Glow effect customization
body: <p>I use Flex's <code>Glow</code> effects in my custom <code>VBox</code>-based component for highlighting it on roll over. It looks great. But I would like it to have rectangular shape with gradient to alpha 0. How can I accomplish that? Should I add some properties to Glow effect or mix it somehow with other effects or use another effect?</p>
  
  <p>Code is below: </p>
  
  <pre><code>&lt;mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" rollOverEffect="{select}" rollOutEffect="{deselect}"&gt;
      &lt;!-- Some stuff skipped --&gt;
      &lt;mx:Glow id="select" duration="500"&gt;
          &lt;mx:color&gt;#9BC227&lt;/mx:color&gt;
          &lt;mx:blurXFrom&gt;100&lt;/mx:blurXFrom&gt;                
          &lt;mx:blurXTo&gt;100&lt;/mx:blurXTo&gt;
          &lt;mx:blurYFrom&gt;100&lt;/mx:blurYFrom&gt;
          &lt;mx:blurYTo&gt;100&lt;/mx:blurYTo&gt;
          &lt;mx:alphaFrom&gt;0&lt;/mx:alphaFrom&gt;
          &lt;mx:alphaTo&gt;1&lt;/mx:alphaTo&gt;
      &lt;/mx:Glow&gt;
      &lt;mx:Glow id="deselect" duration="1000"&gt;
          &lt;mx:color&gt;#9BC227&lt;/mx:color&gt;
          &lt;mx:blurXFrom&gt;100&lt;/mx:blurXFrom&gt;                
          &lt;mx:blurXTo&gt;0&lt;/mx:blurXTo&gt;
          &lt;mx:blurYFrom&gt;100&lt;/mx:blurYFrom&gt;
          &lt;mx:blurYTo&gt;0&lt;/mx:blurYTo&gt;
          &lt;mx:alphaFrom&gt;1&lt;/mx:alphaFrom&gt;
          &lt;mx:alphaTo&gt;0&lt;/mx:alphaTo&gt;
       &lt;/mx:Glow&gt;
  </code></pre>
  
  <p></p>