title: flex smooth transition between states
body: <p>i have the states defined below:</p>
  
  <pre><code>&lt;s:states&gt;      
      &lt;s:State name="DoorState"/&gt;
      &lt;s:State name="TvState"/&gt;
      &lt;s:State name="LightsState"/&gt;
      &lt;s:State name="BlindsState"/&gt;
      &lt;s:State name="BedState"/&gt;              
  &lt;/s:states&gt;
  </code></pre>
  
  <p>Each of them fires a component to appear, what should i do to achieve a smooth transition between them no matter the fromState and toState? maybe a fadeOut-fadeIn effect or so??</p>
  
  <pre><code>&lt;s:transitions&gt;
      &lt;s:Transition fromState="*" toState="*"&gt;
          ???
      &lt;/s:Transition&gt;
  &lt;/s:transitions&gt;
  </code></pre>