不对称的CSS阴影

Question

有没有办法像这样创建一个阴影:

我想要的是在底部中心比在左下/右边更大的阴影.

Answer 1

http://jsfiddle.net/PtbNb/1/

<div class="box"></div>

.box {
    -webkit-box-shadow: -10px 32px 24px -28px rgba(0, 0, 0, 1);
    -moz-box-shadow: -10px 32px 24px -28px rgba(0, 0, 0, 1);
    box-shadow: -10px 32px 24px -28px rgba(0, 0, 0, 1);
    height:250px;
    width:250px;
    background:grey;
}

发电机:http://www.cssmatic.com/box-shadow