Анимация на кнопке не плавная

Question

Привет! Я пишу анимацию для этой кнопки, но она отстает, она не продолжается.его кадр за кадром может кто-нибудь взглянуть, пожалуйста

 <Button HorizontalAlignment="Right"
            Height="30" Width="100">
            <Button.Content>
                <Grid>
                    <Path Data="M0,0 L1,1 M0,1 L1,0" StrokeThickness="3" Margin="3" Stretch="Uniform" Stroke="Red" >
                        <Path.RenderTransform>
                            <RotateTransform x:Name="MyAnimatedTransform" Angle="0" />
                        </Path.RenderTransform>
                    </Path>
                </Grid>
            </Button.Content>
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                Storyboard.TargetName="MyAnimatedTransform"
                Storyboard.TargetProperty="(RotateTransform.Angle)"
                From="0.0" To="360" Duration="0:0:2" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>