如何创建一个浅椭圆形的CSS3阴影

我知道如何使用CSS3阴影。不过，我正在尝试实现特定的设计。我希望阴影在左右边缘上变得更轻且淡化，请参阅附图。如何创建一个浅椭圆形的CSS3阴影

Shadow Design

唯一的代码，我想出了如下。但不知道如何让边缘淡出更多。

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

任何提示是有帮助的

2012-03-28 Steven Wu

您是否尝试过使用css渐变？我认为这是通过CSS实现这一目标的唯一方法。 – 2012-03-28 11:07:21

我使用了box-shadow，border-radius和clip的组合。

2012-03-28 11:20:14 martinjlowm

这是完美的！没想到使用Pseudo-class：before或border-radius来实现这一点。谢谢。 – 2012-03-28 11:24:56

你可以玩弄箱阴影和渐变这里

，但我不认为你可以申请在阴影衰落

2012-03-28 11:12:41 p0rter

是的，我试过CSS3创，但没有帮助 – 2012-03-28 11:23:03

像这样的事情？ enter image description here

box-shadow：0px 20px 37px -28px＃000000;

2012-03-28 11:20:18 quatermain

有点但不完全。但@martinjlowm解决方案是完美的 – 2012-03-28 11:25:26

嗨，你可以通过边界半径&箱阴影创建椭圆形CSS3阴影....

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

2012-03-28 12:17:11

回答