<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   minWidth="955" minHeight="600"
			   >
	
	
	<fx:Declarations>
	
		<s:BlurFilter
			
			id="blurFilter"
			blurY="0"
			/>
		
		<fx:Vector
			id="motionPathVector"
			type="spark.effects.animation.MotionPath"
			>
			<s:SimpleMotionPath
				
				id="blurXPath"
				property="blurX"
				valueFrom="0"
				valueTo="100"
				/>
		</fx:Vector>
		
		<s:AnimateFilter
			
			id="animFilter"
			target="{buttonGroup}"
			bitmapFilter="{blurFilter}"
			repeatBehavior="reverse"
			repeatCount="0"
			motionPaths="{motionPathVector}"
			/>
			
			
	</fx:Declarations>
	
	<s:HGroup
		
		id="buttonGroup"
		x="20"
		y="60"
		>
		<s:Button label="1" width="40" />
		<s:Button label="2" width="40" />
		<s:Button label="3" width="40" />
		<s:Button label="4" width="40" />
		<s:Button label="5" width="40" />
		<s:Button label="6" width="40" />
		<s:Button label="7" width="40" />
		<s:Button label="8" width="40" />
		<s:Button label="9" width="40" />
		<s:Button label="10" width="40" />
		
	</s:HGroup>
	
	<s:VGroup
		
		x="20"
		y="120"
		>
		
		<s:ToggleButton
			
			id="goBtn"
			label="{goBtn.selected? 'STOP' : 'GO'}"
			click="{goBtn.selected? animFilter.play() : animFilter.stop()}"
			/>
		
		
	</s:VGroup>
	
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   minWidth="955" minHeight="600"
			   >
	
	
	<fx:Declarations>
	
		<s:BlurFilter
			
			id="blurFilter"
			blurY="0"
			/>
		
		<fx:Vector
			id="motionPathVector"
			type="spark.effects.animation.MotionPath"
			>
			<s:SimpleMotionPath
				
				id="blurXPath"
				property="blurX"
				valueFrom="0"
				valueTo="100"
				/>
		</fx:Vector>
		
		<s:AnimateFilter
			
			id="animFilter"
			target="{buttonGroup}"
			bitmapFilter="{blurFilter}"
			repeatBehavior="reverse"
			repeatCount="0"
			motionPaths="{motionPathVector}"
			/>
			
			
	</fx:Declarations>
	
	<s:HGroup
		
		id="buttonGroup"
		x="20"
		y="60"
		>
		<s:Button label="1" width="40" />
		<s:Button label="2" width="40" />
		<s:Button label="3" width="40" />
		<s:Button label="4" width="40" />
		<s:Button label="5" width="40" />
		<s:Button label="6" width="40" />
		<s:Button label="7" width="40" />
		<s:Button label="8" width="40" />
		<s:Button label="9" width="40" />
		<s:Button label="10" width="40" />
		
	</s:HGroup>
	
	<s:VGroup
		
		x="20"
		y="120"
		>
		
		<s:ToggleButton
			
			id="goBtn"
			label="{goBtn.selected? 'STOP' : 'GO'}"
			click="{goBtn.selected? animFilter.play() : animFilter.stop()}"
			/>
		
		<!--<s:NumericStepper
			
			id="blurAmount"
			minimum="50"
			maximum="200"
			value="100"
			stepSize="10"
			/>-->
		
	</s:VGroup>
	
</s:Application>

Spark Animated Filter example

MXML