Use CSS to set Button fade effect : Button « Components « Flex

Home
Flex
1.Chart
2.Components
3.Container
4.Data Model
5.Development
6.Effects
7.Event
8.Graphics
9.Grid
10.Style
Flex » Components » ButtonScreenshots 
Use CSS to set Button fade effect
Use CSS to set Button fade effect
     

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Style>
        @namespace mx "http://www.adobe.com/2006/mxml";
        mx|Button
        {
            mouseDownEffect: myFadeOut;
            mouseUpEffect: myFadeIn;
        }
        
    </mx:Style>
    
    <mx:Fade id="myFadeOut" alphaFrom="1" alphaTo="0" />
    <mx:Fade id="myFadeIn" alphaFrom="0" alphaTo="1" />
    
    <mx:Button label="Button 1" />
    
</mx:Application>

   
    
    
    
    
  
Related examples in the same category
1.Making use of the Grid containerMaking use of the Grid container
2.Set Button iconSet Button icon
3.Handle Button click eventHandle Button click event
4.Set Button Label and Font sizeSet Button Label and Font size
5.Custom Button StyleCustom Button Style
6.Call your method in Button click eventCall your method in Button click event
7.Change Button labelChange Button label
8.Remove a button from the application when the user presses itRemove a button from the application when the user presses it
ww___w__._j___av_a___2___s___.c___om | Contact Us
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.