Apply the Fade effect to the Label control using the system font : Fade Effect « Effects « Flex






  1. Flex
  2. Effects
  3. Fade Effect

Apply the Fade effect to the Label control using the system font

     
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Style>
        @font-face { 
           src:url("a.ttf"); 
           font-family: myFont; 
        }
    </mx:Style>
    <mx:Fade id="fadeOut" alphaFrom="1.0" alphaTo="0.5" />
    <mx:Fade id="fadeIn" alphaFrom="0.5" alphaTo="1.0" />
    <mx:VBox>
        <mx:Label fontFamily="myFont" mouseDownEffect="{fadeOut}" mouseUpEffect="{fadeIn}"
            text="uses the WebPro embedded font and the text will fade." />
    </mx:VBox>
</mx:Application>








Related examples in the same category

1.Using the AnimateProperty effect to fade a buttonUsing the AnimateProperty effect to fade a button
2.Using the Fade effect on the buttonUsing the Fade effect on the button
3.A fade effectA fade effect
4.Use Fade class to add effect to panelUse Fade class to add effect to panel
5.Fade effectEnd eventFade effectEnd event
6.Fade effect for ButtonFade effect for Button
7.Combine Fade and Move effect into SequenceCombine Fade and Move effect into Sequence
8.Combine Fade, Pause and Move effect into SequenceCombine Fade, Pause and Move effect into Sequence
9.Add Fade and Move effect into ParallelAdd Fade and Move effect into Parallel
10.Tooltip Fade effectTooltip Fade effect
11.Fade Effects for adding item to TileFade Effects for adding item to Tile
12.Fade Button creationCompleteEffectFade Button creationCompleteEffect
13.Fly fade effectFly fade effect
14.Using Fade effect so that ToolTips fade in when the user moves the mouse pointer over a component with a ToolTipUsing Fade effect so that ToolTips fade in when the user moves the mouse pointer over a component with a ToolTip
15.Fade PropertiesFade Properties
16.Fade properties: alphaFrom, alphaTo, duration
17.Fade DurationFade Duration