wpf - テンプレートの幅と高さのアニメーション

Question

XAMLでテンプレートの幅と高さをアニメーション化するにはどうすればよいですか？たとえば、以下のコードでは、

<Style x:Key="myStyle" TargetType="{x:ListItem}">
<Grid x:Name="container">
<i:Interaction.Triggers>
      <i:EventTrigger EventName="TouchEnter">
             <ei:GoToStateAction StateName="Visible"/>
      </i:EventTrigger>
</i:Interaction.Triggers>
<VisualState x:Name="Visible">
      <VisualState.Storyboard>

      <Storyboard Duration="0:0:1">
          <DoubleAnimation Storyboard.TargetProperty="Width" From="200" To="400" Storyboard.TargetName="container"/>
          <DoubleAnimation Storyboard.TargetProperty="Height" From="200" To="400" Storyboard.TargetName="container"/>

      </Storyboard>

      </VisualState.Storyboard>
</VisualState>
 <!-- Other ui elements -->
</Grid>
</Style>

'container'グリッドのサイズをアニメーション化する代わりに、コントロール全体、つまりこのスタイルが適用されるコントロールのサイズをアニメーション化できますか？現在のアプローチでは、コンテナのサイズは変更されないため、内容がクリッピングされます。

前もって感謝します。