漸變/淡入淡出CSS盒陰影？

Question

我有一個CSS下拉菜單中，我試圖建立和下降的背景下有褪色/錐形箱的影子：

我無法脫下如何讓盒子陰影實際上漸變/淡出。

下面是我在哪裏現在：http://jsfiddle.net/Shpigford/f9aKR/

我使用:before和:after僞選擇，除其他事項外嘗試過，但不能完全得到它的權利。

爲了澄清，我特別只需要幫助下拉下的陰影。我的jsFiddle是一個精簡版，讓示例儘可能簡單明瞭。

Answer 1

1. 我添加了一個before元素。
2. 給它一個漸變背景（從透明到半透明的黑色）來實現從上到下的淡入淡出。
3. 給它一個嵌入框陰影以實現in - > outfade。

看看 - >http://jsfiddle.net/f9aKR/22/

編輯漸變量/顏色任你選擇。