title: How to create a shadow drop effect around a wpf button like the google button
body: <p>I am trying to create a google button in wpf. I have found the following link that specifies the google's button css style</p>
  
  <p><a href="http://liljosh.com/css3-google-buttons/" rel="noreferrer">Google button css style</a></p>
  
  <p>Right now I have also searched the net and found out this style that resembles google's button</p>
  
  <pre><code>&lt;Style x:Key="GoogleGreyButton" TargetType="{x:Type Button}"&gt;
      &lt;Setter Property="Background" Value="#FFF5F5F5"/&gt;
      &lt;Setter Property="BorderBrush" Value="#FFDCDCDC"/&gt;
      &lt;Setter Property="BorderThickness" Value="1"/&gt;
      &lt;Setter Property="Foreground" Value="#FF666666"/&gt;
      &lt;Setter Property="FontWeight" Value="Bold"/&gt;
      &lt;Setter Property="FontSize" Value="11"/&gt;
      &lt;Setter Property="FontFamily" Value="Arial"/&gt;
      &lt;Setter Property="HorizontalContentAlignment" Value="Center"/&gt;
      &lt;Setter Property="VerticalContentAlignment" Value="Center"/&gt;
      &lt;Setter Property="Padding" Value="8,7"/&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="Button"&gt;
                  &lt;Border Name="border" 
                      BorderThickness="{TemplateBinding BorderThickness}"
                      Padding="{TemplateBinding Padding}" 
                      BorderBrush="{TemplateBinding BorderBrush}" 
                      CornerRadius="1" 
                      Background="{TemplateBinding Background}"&gt;
                      &lt;ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/&gt;
  
                  &lt;/Border&gt;
  
                  &lt;ControlTemplate.Triggers&gt;
                      &lt;!--TODO: Set the right colors--&gt;
                      &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                          &lt;Setter TargetName="border" Property="BorderBrush" Value="#FFC6C6C4" /&gt;
                          &lt;Setter Property="Foreground" Value="#FF020202" /&gt;
                      &lt;/Trigger&gt;
                      &lt;Trigger Property="IsPressed" Value="True"&gt;
                         ` &lt;!--Some setters here--&gt; `
  
                      &lt;/Trigger&gt;
                      &lt;Trigger Property="IsEnabled" Value="false"&gt;
                          &lt;Setter Property="Foreground" Value="#ADADAD"/&gt;
                      &lt;/Trigger&gt;
                  &lt;/ControlTemplate.Triggers&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p><code>&lt;Trigger Property="IsPressed" Value="True"&gt;</code> part i need to produce some shadow drop effect as in the above <a href="http://liljosh.com/css3-google-buttons/" rel="noreferrer">Google button css style</a>, may I know how can i achieve that?</p>