Конус/затухание тени CSS-кодов?

Question

У меня есть падение CSS вниз меню, которое я пытаюсь построить, и на фоне падения вниз имеет увядший/коническую тень коробки:

У меня возникли проблемы стаскивать как получить тень коробки, чтобы фактически сужаться/исчезать.

Вот где я нахожусь прямо сейчас: http://jsfiddle.net/Shpigford/f9aKR/

Я попытался с помощью :before и :after псевдо-селекторы, среди прочего, но не вполне может получить это право.

Для уточнения, мне особенно нужна помощь с тенью на выпадении. Мой jsFiddle - это урезанная версия, чтобы привести пример как можно более простым.

Answer 1

1. Я добавил элемент перед.
2. дал ему градиентный фон (от прозрачного до полупрозрачного черного), чтобы достичь верхнего и нижнего затухания.
3. дал ему вставную тень для достижения «опережения».

Посмотрите ->http://jsfiddle.net/f9aKR/22/

Редактировать количество замирания/цвета, как вы хотите.