Creating an animated base color effect on a Spark Button control in Flex 4

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/08/16/creating-an-animated-base-color-effect-on-a-spark-button-control-in-flex-4/ -->
<s:Application name="Spark_Button_AnimateColor_baseColor_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo">
 
    <fx:Declarations>
        <s:AnimateColor id="animatr"
                target="{btn}"
                colorFrom="haloSilver"
                colorTo="haloBlue"
                colorPropertyName="baseColor"
                duration="400"
                repeatCount="0" 
                repeatBehavior="reverse" />
    </fx:Declarations>
 
    <s:Button id="btn"
            label="Spark Button"
            horizontalCenter="0" verticalCenter="0"
            creationComplete="animatr.play();"/>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/08/16/creating-an-animated-base-color-effect-on-a-spark-button-control-in-flex-4/ -->
<s:Application name="Spark_Button_AnimateColor_baseColor_test"
        xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:mx="library://ns.adobe.com/flex/halo"
        initialize="init();">
 
    <fx:Script>
        <![CDATA[
            import spark.effects.animation.RepeatBehavior;
            import spark.effects.AnimateColor;
            import spark.components.Button;
 
            private var btn:Button;
            private var animatr:AnimateColor;
 
            private function init():void {
                btn = new Button();
                btn.label = "Spark Button";
                btn.horizontalCenter = 0;
                btn.verticalCenter = 0;
                addElement(btn);
 
                animatr = new AnimateColor();
                animatr.target = btn;
                animatr.colorFrom = StyleManager.getColorName("haloSilver");
                animatr.colorTo = StyleManager.getColorName("haloBlue");
                animatr.colorPropertyName = "baseColor";
                animatr.duration = 400;
                animatr.repeatCount = 0;
                animatr.repeatBehavior = RepeatBehavior.REVERSE;
                animatr.play();
            }
        ]]>
    </fx:Script>
 
</s:Application>