title: How can I create the material design shadows in SVG using SVG filters
body: <p>I have found <a href="http://orig04.deviantart.net/3862/f/2014/297/b/c/material_design_shadows_for_inkscape__svg__by_shiningwingpony-d83zd2q.svg" rel="nofollow">this SVG</a> that creates some of the shadows but it only works in Chrome (Firefox and Safari on OS X do not display the shadows) </p>
  
  <p>I'm trying to reimplement the visual look of Material Design in pure SVG for a project and I'm interested in a solution that follows as much of the design requirements from <a href="http://www.google.com/design/spec/what-is-material/elevation-shadows.html#" rel="nofollow">Elevation Shadows section</a> in the Material Design Specs. </p>
  
  <p>I have programatic control over the generated SVG so, if the parameters of the filters are easier to express in computations based on elevation, please specify so. </p>