<?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"
viewSourceURL="srcview/index.html"
width="200" height="200">
<s:states>
<s:State name="s1"/>
<s:State name="s2"/>
</s:states>
<s:transitions>
<s:Transition>
<s:Parallel>
<s:CrossFade target="{sphere}"/>
</s:Parallel>
</s:Transition>
</s:transitions>
<s:Group mouseDown="currentState='s2'" mouseUp="currentState='s1'">
<s:Ellipse id="sphere" x="50" y="50" width="100" height="100">
<s:fill>
<s:RadialGradient id="gradient" focalPointRatio=".5"
rotation="-45" focalPointRatio.s2="0">
<s:GradientEntry id="center" color="0x80f080"
color.s2="0x408040" ratio="0"/>
<s:GradientEntry id="middle" color="0x60a060"
color.s2="0x80f080" ratio=".5"/>
<s:GradientEntry id="edge" color="0x404040"
ratio="1"/>
</s:RadialGradient>
</s:fill>
</s:Ellipse>
</s:Group>
</s:Application>