Dissolve Effect of a Image

?xml version="1.0" encoding="utf-8"?>
!-- Simple example to demonstrate the Dissolve effect. -->
mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
mx:Dissolve id="dissolveIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>

mx:Panel title="Dissolve Effect Example"
width="95%" height="95%" layout="horizontal"
paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

mx:VBox height="100%">
mx:Label text="Nokia 9930"
fontSize="14"
visible="{cb1.selected}"
hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>

mx:Image source="@Embed(source='assets/Nokia_6630.png')"
visible="{cb1.selected}"
hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
mx:VBox>

mx:VBox height="100%" width="100%">
mx:Text width="100%" color="blue"
text="Use the Dissolve effect to show or hide the text, image, and button."/>

mx:Spacer height="100%"/>

mx:Button label="Purchase"
visible="{cb1.selected}"
hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
mx:VBox>

mx:ControlBar>
mx:CheckBox id="cb1" label="visible" selected="true"/>
mx:ControlBar>
mx:Panel>
mx:Application>