Svg + shadow, responsive?

Question

css

Hello.
I'm laying out a background in a header that has a bevel (a white triangle at the bottom). I want to bevel using svg. But the problem is in the shadow above. How to make such a shadow?
www.prntscr.com/jqti67

Answer 1

there is no shadow support in svg, there are filters, but to make the right shadow you need to work decently

Answer 2

How to make such a shadow?

Use filter with feOffset and feGaussianBlur . Just move and blur. Get a shadow. You can start from here .
Of course, there is also feDropShadow , but in fact it is a shortened syntax for the first option and does not work in IE.