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 container
2.	Set Button icon
3.	Handle Button click event
4.	Set Button Label and Font size
5.	Custom Button Style
6.	Call your method in Button click event
7.	Change Button label
8.	Remove a button from the application when the user presses it

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

Related examples in the same category