六邊形陰影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); 
}