WPF翻转卡片动画

Question

我正在开发一个VideoPoker街机游戏，并在我的xaml上有一个像这样的部分......

<Grid>
        <Button
            Grid.Row="1"
            Grid.Column="0"
            Command="{Binding Card1Command}">
            <Button.Template>
                <ControlTemplate>
                    <Image Source="{Binding Path=Card1Image}"/>
                </ControlTemplate>
            </Button.Template>
        </Button>

        <Button
            Grid.Row="1"
            Grid.Column="1"
            Command="{Binding Card2Command}">
            <Button.Template>
                <ControlTemplate>
                    <Image Source="{Binding Path=Card2Image}" />
                </ControlTemplate>
            </Button.Template>
        </Button>

        <Button
            Grid.Row="1"
            Grid.Column="2"                 
            Command="{Binding Card3Command}">
            <Button.Template>
                <ControlTemplate>
                    <Image Source="{Binding Path=Card3Image}"/>
                </ControlTemplate>
            </Button.Template>
        </Button>

        <Button
            Grid.Row="1"
            Grid.Column="3"                 
            Command="{Binding Card4Command}">
            <Button.Template>
                <ControlTemplate>
                    <Image Source="{Binding Path=Card4Image}"/>
                </ControlTemplate>
            </Button.Template>
        </Button>

        <Button
            Grid.Row="1"
            Grid.Column="4"                 
            Command="{Binding Card5Command}">
            <Button.Template>
                <ControlTemplate>
                    <Image Source="{Binding Path=Card5Image}"/>
                </ControlTemplate>
            </Button.Template>
        </Button>
</Grid>

当我点击视图上的按钮时，我想要的只是翻转动画。 我的viewmodel应该启动一个故事板......

我需要两个Image控件，一个用于背面，另一个用于我的卡片前面吗？

相信我，我花了很多时间......包括尝试Josh Smith的蠢事...... 但我知道它应该有更简单的东西......