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

Как добиться того, чтобы тень была ещё и снизу многоугольника?
Пример
  • Вопрос задан
  • 89 просмотров
Решения вопроса 2
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Фильтры в помощь.
Ответ написан
sfi0zy
@sfi0zy Куратор тега CSS
UI developer. Верстаю неверстаемое.
А почему бы не использовать обычную 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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы