Resize as blur : Blur Effect « Effects « Flex

1. Flex
2. Effects
3. Blur Effect

Resize as blur

         


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

    <mx:states>
        <mx:State name="C">
            <mx:SetProperty target="{windowD}" name="width" value="150"/>
            <mx:SetProperty target="{windowD}" name="x" value="373"/>
            <mx:SetProperty target="{windowD}" name="y" value="333"/>
        </mx:State>
    </mx:states>


    <mx:transitions>
        <mx:Transition fromState="*" toState="*">
            <mx:Sequence targets="{[windowA, windowB, windowC, windowD]}">
                <mx:Blur blurYFrom="0" blurYTo="10" duration="100" />
                <mx:Parallel>
                    <mx:Move />
                    <mx:Resize />
                </mx:Parallel>
                <mx:Blur blurYFrom="10" blurYTo="0" duration="100" />
            </mx:Sequence>
        </mx:Transition>
    </mx:transitions>

    <mx:TitleWindow x="23" y="19" width="250" height="200" layout="absolute" title="A" id="windowA" click="currentState='C'" />
    <mx:TitleWindow x="309" y="19" width="250" height="200" layout="absolute" title="B" id="windowB" click="currentState=''" />
    <mx:TitleWindow x="23" y="260" width="250" height="200" layout="absolute" title="C" id="windowC" click="currentState='C'" />
    <mx:TitleWindow x="309" y="260" width="250" height="200" layout="absolute" title="D" id="windowD" click="currentState=''" />

</mx:Application>

   
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Graphics BlurFilter
2.	Define a BlurFilter and the animation on that filter.
3.	Using a Blur effect on a button
4.	Three-phase blur effect
5.	Apply Blur effect
6.	Blur Demo
7.	Blur a control