Resize as blur : Blur Effect « Effects « Flex

Resize as blur

Resize as blur

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="" layout="absolute">

        <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:Transition fromState="*" toState="*">
            <mx:Sequence targets="{[windowA, windowB, windowC, windowD]}">
                <mx:Blur blurYFrom="0" blurYTo="10" duration="100" />
                    <mx:Move />
                    <mx:Resize />
                <mx:Blur blurYFrom="10" blurYTo="0" duration="100" />

    <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=''" />



Related examples in the same category

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