шестиугольник тени CSS JavaScript

Question

у меня есть этот шестиугольник

<some code here> 

codepen Example

Как я могу добавить этот элемент тень?

Результат будет выглядеть так Result Example

Answer 1

Вы можете сделать это с помощью CSS3 box-shadow собственности. Например:

[your hexagon] { 
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); 
}