Question

I have this code for expanding and contracting images in a sexy manner. I’d like to add a little rotation in there, just to make the image pop up, you know?

Where/how do I add rotation animations to control?

<Style.Triggers>
                <EventTrigger RoutedEvent="Image.MouseEnter">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Duration="0:0:0.25" From="1" To="1.2" AutoReverse="True"
                                     Storyboard.TargetProperty="RenderTransform.ScaleX"/>
                            <DoubleAnimation Duration="0:0:0.1" From="1" To="1.2" AutoReverse="True" 
                                     Storyboard.TargetProperty="RenderTransform.ScaleY"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>             
</Style.Triggers>

Answer 1

You need to set RenderTransform to a TransformGroup containing a RotateTransform and a ScaleTransform, then animate the RotateTransform‘s Angle property.