<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Canvas.Resources>
    <Storyboard x:Name="theStoryboard">
      <DoubleAnimation Storyboard.TargetName="theRect"
                       Storyboard.TargetProperty="Width"
                       From="75" To="150" AutoReverse="True"
                       Duration="0:0:5" />
    </Storyboard>
  </Canvas.Resources>
  <Rectangle x:Name="theRect" Canvas.Top="150" Width="75" Height="25" Fill="Black" />
  <!-- The button -->
  <Canvas x:Name="button1"
          Canvas.Left="25" Canvas.Top="25">
    <Rectangle Height="32" Width="100"
               Stroke="LightGray" StrokeThickness="2"
               RadiusX="2" RadiusY="2" >
      <Rectangle.Fill>
        <LinearGradientBrush>
          <GradientStop x:Name="button1_gradientStop1"
                        Color="#EEEEEE" Offset="0"/>
          <GradientStop x:Name="button1_gradientStop2"
                        Color="#444444" Offset="1"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock Canvas.Top="3" Canvas.Left="13"
               FontSize="18" Foreground="Black"
               Text="Press Me"/>
  </Canvas>
  <!-- The second button -->
  <Canvas x:Name="button2"
          Canvas.Left="25" Canvas.Top="75">
    <Rectangle Height="32" Width="100"
               Stroke="LightGray" StrokeThickness="2"
               RadiusX="2" RadiusY="2" >
      <Rectangle.Fill>
        <LinearGradientBrush>
          <GradientStop x:Name="button2_gradientStop1"
                        Color="#EEEEEE" Offset="0"/>
          <GradientStop x:Name="button2_gradientStop2"
                        Color="#444444" Offset="1"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <TextBlock Canvas.Top="3" Canvas.Left="13"
               FontSize="18" Foreground="Black"
               Text="Press Me"/>
  </Canvas>
</Canvas>