Button-Animation in WPF (Storyboard, Eventtrigger)

Question

Ich habe einfache WPF Schaltfläche Animation Width-Eigenschaft zu ändern, wenn die Maus auf der Schaltfläche ist:

<Button Width="100" Height="60" Content="Click Me" x:Name="Button1">  
      <Button.Triggers> 
       <EventTrigger RoutedEvent="MouseEnter"> 
        <BeginStoryboard> 
         <Storyboard> 
          <DoubleAnimation Storyboard.TargetProperty="Width" To="200" Duration="0:0:0:1" ></DoubleAnimation> 
         </Storyboard> 
        </BeginStoryboard> 
       </EventTrigger> 
      </Button.Triggers>    
</Button> 

Aber nach der Animation, Breite sollte auf "60" zurück. Wie geht das?

Answer 1

die Sie interessieren ..

<Button Width="100" Height="60" Content="Click Me" x:Name="Button1"> 
     <Button.Triggers> 
      <EventTrigger RoutedEvent="MouseEnter"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Width" To="200" Duration="0:0:0:1" ></DoubleAnimation> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
      <EventTrigger RoutedEvent="MouseLeave"> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="Width" To="100" Duration="0:0:0:1" ></DoubleAnimation> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
     </Button.Triggers> 

    </Button>