title: Path with broken shadow effect
body: <p>I hope that it is clear enough in the image, I have a triangle with shadow effect that doesn't look so good, seems to be broken somehow.
  Any help will be greatly appreciated.</p>
  
  <p>(<strong>Update:</strong> the rectangle and the path have to be separated)</p>
  
  <p><img src="https://i.stack.imgur.com/XTppX.png" alt="alt text"></p>
  
  <p>XAML:</p>
  
  <pre><code>    &lt;Grid Height="50" Width="60" &gt;
      &lt;Grid&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="20" /&gt;
              &lt;ColumnDefinition Width="*" /&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;Rectangle Grid.Column="1" Stroke="Black" Fill="White"&gt;
              &lt;Rectangle.Effect&gt;
                  &lt;DropShadowEffect Opacity="0.5" ShadowDepth="4" BlurRadius="10" /&gt;
              &lt;/Rectangle.Effect&gt;
          &lt;/Rectangle&gt;
          &lt;Path Fill="White" Stretch="Fill" Stroke="Black" HorizontalAlignment="Left" Margin="0,15,-1,15"
                          Data="M44.386378,164.8791 L22.983157,171.42119 44.713478,176.58567" Width="23.167"&gt;
              &lt;Path.Effect&gt;
                  &lt;DropShadowEffect BlurRadius="10" Opacity="0.5" ShadowDepth="4" /&gt;
              &lt;/Path.Effect&gt;
          &lt;/Path&gt;
      &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>