html - 不对称 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