如何创建一个浅椭圆形的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;

注意参数： CSS3's Box-Shadow Adds Drop Shadows, Inner Shadows

Answer 3

嗨，你可以通过border-radius＆amp; amp;创建椭圆形的css3阴影。箱阴影....

或者可以看到现场演示： - http://jsbin.com/elacen/5/edit

Answer 4

你可以在这里玩盒子阴影和渐变

css3 gen

但我不认为你可以在阴影上应用淡出