Как создать легкую овальную тень CSS3

Question

Я знаю, как использовать тени CSS3. Однако я пытаюсь достичь определенного дизайна. Я хочу, чтобы тень была намного светлее и исчезала с левого и правого краев, см. Прилагаемое изображение.

Единственный код, который я придумал, следующий. Но не уверен, как заставить края исчезать больше.

 .shadow {box-shadow: 0 10px 6px -6px #000000;}

Любые советы будут полезны

Answer 1

Я использую комбинацию box-shadow, border-radius и clip.

http://dabblet.com/gist/2225507

Answer 2

Как то так?

box-shadow: 0px 20px 37px -28px # 000000;

примечание о параметрах: Box-Shadow CSS3 Добавляет тени, внутренние тени

Answer 3

привет, вы можете создать овальную тень css3 через border-radius & box-shadow ....

или можете посмотреть живую демонстрацию: - http://jsbin.com/elacen/5/edit

Answer 4

Вы можете поиграть с тенями и градиентами здесь

css3 gen

но я не думаю, что вы можете применить затухание к тени