<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/10/25/incrementally-3d-rotating-objects-in-flex-using-the-fxrotate3d-in-flex/ -->
<FxApplication name="FxRotate3D_yBy_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        viewSourceURL="srcview/index.html">
    <layout>
        <BasicLayout />
    </layout>

    <Script>
        <![CDATA[
            import mx.effects.FxAnimate;

            private function playEffect(target:FxAnimate):void {
                if (!target.isPlaying) {
                    target.play();
                }
            }
        ]]>
    </Script>

    <Declarations>
        <FxRotate3D id="fxRotate3DNeg"
                target="{image}"
                yBy="-30" />
        <FxRotate3D id="fxRotate3DPos"
                target="{image}"
                yBy="30" />
    </Declarations>

    <VGroup id="vGroup" left="10" top="10">
        <FxButton id="fxButtonNeg"
                label="FxRotate3D yBy -= 30"
                autoRepeat="true"
                repeatDelay="500"
                repeatInterval="100"
                buttonDown="playEffect(fxRotate3DNeg);" />
        <FxButton id="fxButtonPos"
                label="FxRotate3D yBy += 30"
                autoRepeat="true"
                repeatDelay="500"
                repeatInterval="100"
                buttonDown="playEffect(fxRotate3DPos);" />
    </VGroup>

    <Image id="image"
            source="@Embed('assets/Fx2.png')"
            horizontalCenter="0"
            verticalCenter="0" />

</FxApplication>