I'm developing an app which uses SVGs as graphical resources (for better scaling and crisp graphics). The programming part is just fine but the SVGs must not contain filters due to some programming reasons. The only filters I need are shadows like the one below.

Shadow with filters

The Question: What's the easiest way to create a similar looking shadow without using filters using Inkscape or Illustrator?

  • Can you use some blur? – Paolo Gibellini Aug 11 '15 at 13:02
  • Can you code the shadows using CSS? – AndrewH Aug 11 '15 at 13:22
  • @PaoloGibellini No since blur is a filter as well @AndrewH It seems like CSS is not supported as well. I did some further research and found out that only the following is supported: <circle> <clipPath> <defs> <desc> <ellipse> <g> <line> <linearGradient> <marker> <mask> <path> <polygon> <polyline> <rect> <solidColor> <stop> <svg> <switch> <symbol> <title> <use> <view> and the following is supported with limitations: <image> <text> <textPath> <tref> <tspan> <pattern> <radialGradient> <style> any <filter> element is not supported at all. I hope I dont have to use gradients. – Max K Aug 11 '15 at 14:14
  • Sorry for adding another comment. A minute after clicking 'Add Comment' I got the message that CSS might work (although it wasn't mentioned anywhere in documentation). I'll give it a try and add an answer / edit the question. – Max K Aug 11 '15 at 14:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.