Как добиться нормальной тени у элемента?

Question

[Smeecy Smeecy]

Как добиться того, чтобы тень была ещё и снизу многоугольника?
Пример

Answer 1

[Антон Усачев]

Фильтры в помощь.

Answer 2

[Ivan Bogachev]

А почему бы не использовать обычную feDropShadow?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <defs>
    <filter id="shadow">
      <feDropShadow dx="0" dy="4" stdDeviation="2" flood-color="grey" />
    </filter>
  </defs>
  <polygon points="30.1,84.5 10.2,50 30.1,15.5 69.9,15.5 89.8,50 69.9,84.5"
           filter="url(#shadow)" fill="hsl(156,80%,50%)"></polygon>
</svg>

Comments

[Smeecy Smeecy]

Спасибо большое, а можно ли сделать, чтобы тень распространялась только на низ?