Flex Fade Behavior:-

In this tutorial you can see how to apply fade behavior in flex component.

Example of Flex Fade Behavior :-

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Fade id="fadeOut" duration="800" alphaFrom="3.0" alphaTo="0.0"/>

<mx:Fade id="fadeIn" duration="800" alphaFrom="0.0" alphaTo="3.0"/>

<mx:Panel title="Image Fade" width="50%" height="50%"

paddingTop="20" paddingLeft="25" paddingRight="25" paddingBottom="20" horizontalAlign="center">

<mx:Image id="img" source="@Embed(source='assets/button1.jpeg')" visible="{rb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/>

<mx:RadioButton id="rb1" label="show" selected="true"/>

<mx:RadioButton id="rb2" label="hide"/>

</mx:Panel>

you can see fade effects are apply on image component in this tutorial. if you select show radio button, image are display if you selected hide radio button image hide and also see  how to set duration in millisecond for flex behavior. Out put is given below-

Output:-

Related Tags for Fade behavior in Flex: