title: How do I add a drop shadow to an SVG path element?
body: <p>I've been attempting to apply a drop shadow to my SVG Path. I googled across the <code>filter</code> option which when applied to path by applying: <code>-webkit-filter: drop-shadow( -5px -5px 10px #000 );</code> which didn't seem to get applied.</p>
  
  <p><a href="http://jsfiddle.net/nkcxq3be/6/" rel="noreferrer">Here's a fiddle with my SVG path demonstrating the problem</a></p>