テーパー/フェードCSSボックスの影？

Question

は私が構築しようとしているダウンメニューCSSのドロップ、ドロップの背景を持っているダウン色あせ/テーパーボックスシャドウがあります

私はトラブルオフ引いを抱えているがどのように実際にテーパー/フェードオフにボックスの影を取得する。私は今のところだ

がここにあります：http://jsfiddle.net/Shpigford/f9aKR/

私はとりわけ、:beforeと:after擬似セレクタを使用して試してみたが、非常にそれが権利を取得することはできません。

明確にするために、私は具体的には、ドロップダウンの影でヘルプを必要としています。私のjsFiddleは、この例を可能な限り簡単に保つために、削除されたバージョンです。

Answer 1

1. 私はbefore要素を追加しました。
2. は、上から下へのフェードを達成するために勾配の背景（透明から半透明の黒まで）を与えた。
3. は、イン>アウトフェードを達成するためのインセットボックスシャドウを与えました。

見てください - >http://jsfiddle.net/f9aKR/22/

編集にフェード/色の量をしたいと。